首页 > 其他 > 详细

vue通信

时间:2018-06-21 01:19:05      阅读:51      评论:0      收藏:0      [点我收藏+]

标签:eth   hang   ole   data   事件   path   自定义   emit   index   

首先注册父子vue路由页面在router/index.js文件下

import son from ‘@/components/son‘  //子
import video from ‘@/components/video‘  //父

{
      path:‘/video‘,
      name:‘video‘,
      component:video
      },
{
      path:‘/son‘,
      name:‘son‘,
      component:son
      },

组件嵌套:

1.父
<son :id="p"></son>
2.父
import son from ‘./son.vue‘
3.父
components:{
    son
  },

4.  子组件上props:[‘id‘],

5.子组件上访问:console.log(this.id);就可以访问到父组件上的数据

子组件更改父组件值
1.在父组件中自定义一个事件,<son @sh="meth"></son>
2.父组件注册事件处理函数
meth(){
      this.dataabc="change dataabc!"
    }
3.子组件中<p @click="change">changing</p>
4.子组件中监听父组件的自定义事件
change(){
                this.$emit(‘sh‘);
            }

vue通信

标签:eth   hang   ole   data   事件   path   自定义   emit   index   

原文:https://www.cnblogs.com/cyany/p/9206563.html

(0)
(0)
   
举报
评论 一句话评论(0
0条  
登录后才能评论!
© 2014 bubuko.com 版权所有 鲁ICP备09046678号-4
打开技术之扣,分享程序人生!
             

鲁公网安备 37021202000002号