在使用vue的时候，不用自己去操作dom，让vue自己去操作dom实现绑定
v-on：click
methods：{function}
v-html
v-show
mounted 自动调用
methods 被动调用
7大属性
组件间通信 6大的方法
一定要把自定义事件和DOM事件区分开 知识并没有用，主要应用在实际的场景
如果父组件在给子组件传递函数 ，其实是子组件再给父组件传递数据 如果父组件给子组件传递的是非函数，其实就是父组件给子组件传递数据
- 组件上的单向数据绑定，是props, 子组件用props接受数据
父组件向子组件传递数据 ，使用props
原生DOM的 :value=“value”, 绑定 2. 自定义事件 $on $emit
全局事件总线 适用于场景：万能 Vue.prototype.$bus = this
pubsub-js 在react中使用较多（发布订阅模式） 适用于场景：万能
vuex 适用于场景：万能
插槽 使用场景：父子组件通信（一般结构） 默认插槽 具名插槽 作用域插槽
组件上的@input 是什么， 并非原生DOM上的input事件，属于自定义事件
v-model 在非表单元素上也能使用
在后台管理系统中 经常在非表单元素上使用 v-model v-model 实现原理是： value与input事件实现的，而且还需要注意可以通过v-mdodel实现父子组件数据的同步
属性修饰符 sync 可以实现父子组件通信
通过 ref 操作子组件的数据
系统事件 自定义事件
事件源，事件类型，事件回调
- 原生DOM—-button可以绑定系统事件——click单机事件
- 组件标签—- event1可以绑定系统事件(但是不起作用，属于自定义事件) .native（可以把自定义事件变成原生DOM事件）
自定义事件 需要 $on 与 $emit
子组件触发，父组件会响应收到数据
2 v-model 组件通信方式的一种 一般在表单中使用，但是也会在组件上使用，父组件接收到子组件触发的$emit的数据
单向数据绑定 <event1 :value=“msg” @input> 组件上是 props 父子组件通信 input此时为自定义事件 等价
如果项目中出现很多结构类似的功能，可以想到组件复用。
如果项目中出现很多JS业务逻辑结构类似的功能，可以想到混入。
插槽 实现父子组件通信，通信的是结构
权限管理介绍
权限 角色
权限管理下面有
- 用户管理
- 角色管理
- 菜单管理
