摘要：
实现非父子组件之间的通信，有以下几种方式 Bus总线。创建一个空的Vue对象作为Bus中央事件总线（中间组件）。 vuex（适合大型项目，小项目效果不明显） provide/inject（同根往下派发） 本地存储 第一种是最常用的，此处只介绍第一种。 bus总线实现非父子组件之间的通信 <div i 阅读全文
摘要：
组件之间的通信分为2种 父子组件之间的通信 非父子组件之间的通信 父组件向子组件传数据 <div id="app"></div> <script> // 子组件 Vue.component('Child',{ template:`<p>我是子组件，接收到父组件传来的数据：{{msg}}</p>`, 阅读全文
摘要：
向组件中插入内容有2种方式 槽点 子组件 demo 使用槽点向组件中插入内容 Vue.component('Parent',{ template:` <!--反引号比引号更好用--> <div> <p>hello</p> <slot></slot> <!--如果后续要在组件中插入元素、内容，需要先留 阅读全文
摘要：
将页面拆分为多个组件，简化了页面开发，方便维护，组件也可以复用。 组件的类型 通用组件，比如表单、弹窗、菜单栏、分页组件等 业务组件，实现某一业务的组件，比如抽奖组件 页面组件，也叫做单页，一个页面就是一个组件，只完成功能，不复用 组件开发流程：声明、注册、使用 demo 组件使用流程 <div i 阅读全文
摘要：
数据监听用于监听内存变量值的变化，当值变化时做一些处理。 比如将搜索框绑定一个双向绑定一个变量，搜索框的内容改变时，提供对应的预选项； 比如选择地区，省份双向绑定一个板顶当选择的省份变化时，列出的该省下辖的地区也要对应发生改变。 watch是监听单个单个变量值的变化，computed是同时监听多个变 阅读全文
摘要：
内容中的{{var}}会直接显示，使用过滤器：{{var | 过滤器名}}，会先用过滤器处理var，再显示。 按作用域划分，有2种过滤器：全局过滤器、组件内过滤器。 demo 组件内过滤器 <div id="app"> <input v-model="content" /><br /> <!--绑定 阅读全文