摘要：
四、通过VueRouter来实现组件之间的跳转：参数的传递 login 用户名 >main ①明确发送方和接收方②配置接收方的路由地址 {path:'/myTest',component:TestComponent} --> {path:'/myTest/:id',component:TestCom 阅读全文
摘要：
三、通过VueRouter来实现组件之间的跳转提供了3种方式实现跳转：①直接修改地址栏中的路由地址 ②通过router-link实现跳转<router-link to="/myRegister">注册</router-link> ③通过js的编程的方式 jumpToLogin: function ( 阅读全文
摘要：
一、SPA的概述 SPA（single page application）单页面应用程序，在一个完成的应用或者站点中，只有一个完整的html页面，这个页面有一个容器，可以把需要加载的代码片段插入到该容器中。 SPA的工作原理： eg: http://127.0.0.1/index.html#/sta 阅读全文
摘要：
总结：父组件--》子组件 ①通过属性 步骤1： <son myName="michael" myPhone='123'></son> <son :myName="userList[0]"></son> 步骤2： Vue.component('son',{ props:['myName','myPho 阅读全文
摘要：
四、兄弟组件间通信（event） 借助于一个公共的Vue的实例对象，不同的组件可以通过该对象完成事件的绑定和触发 var bus = new Vue(); bus.$emit()bus.$on() 熊大想要发消息给熊二， 接收方（熊二）：事件绑定 bus.$on('customEvent',func 阅读全文
摘要：
组件间通信综合练习：（props down,events up）有2个组件：chat-room,user-componentuser-component是由label input button构成chat-room是由两个user-component和一个列表构成 ①在chat-room调用user 阅读全文
摘要：
三、组件间通信（$parent $refs） 父组件要想获取子组件的数据：①在调用子组件的时候，指定ref属性<child-component ref="mySon"></child-component> ②根据指定的引用的名字 找到子组件的实例对象this.$refs.mySon 子组件要想获取父 阅读全文
摘要：
子组件传递数据 用户已经登录 父组件接收数据 并显示列表，未登录不显示列表 /* 有两个组件，分别是main-component,header-component.main-component是由header-component和一个列表（有5条数据 [100,200,300,400,500]），h 阅读全文
摘要：
二、组件间通信（子组件传值给父组件） 通过事件的方式来完成数据的传输。 ①在父组件中 定义一个方法，用来接收子组件所通过事件传来的值 methods:{ recvMsg:function(msg){ //参数msg就是子组件通过事件出来的数据 }} ②绑定事件处理函数事件一般情况 都是自定义事件 < 阅读全文
摘要：
一、组件间通信（父组件 --> 子组件）步骤：①父组件在调用子组件 传值 <child-component myValue="123"> </child-component>②在子组件中 获取父组件传来的值 Vue.component('child-component',{ props:['myVa 阅读全文