vue同級コンポーネントはデータを伝達し、vuexは処理しにくい.
922 ワード
1、main.js同級ディレクトリの下でnewを新規作成します.jsファイル
2、コンポーネントaに値を出す
まずTrans.jsファイル、$emitで値を転送
<br> import Trans from '@/Trans.js'<br> <br> export default{<br> methods:{<br> onfocus:function(fromid){<br> Trans.$emit('aaa',{<br> data:'test',<br> })<br> }<br> }<br> }<br> 3、同級bコンポーネントで$onで受信
<br> import Trans from '@/Trans.js'<br> <br> export default{<br> created(){<br> Trans.$on('aaa',data => {<br> console.log(data) //{data:'test'}<br> })<br> }<br> }<br>
import Vue from 'vue'
export default new Vue()
2、コンポーネントaに値を出す
まずTrans.jsファイル、$emitで値を転送
<br> import Trans from '@/Trans.js'<br> <br> export default{<br> methods:{<br> onfocus:function(fromid){<br> Trans.$emit('aaa',{<br> data:'test',<br> })<br> }<br> }<br> }<br> 3、同級bコンポーネントで$onで受信
<br> import Trans from '@/Trans.js'<br> <br> export default{<br> created(){<br> Trans.$on('aaa',data => {<br> console.log(data) //{data:'test'}<br> })<br> }<br> }<br>