vue由模板、实例、组件组成
模板
-
v-text
解析文本,跟{{}}
效果一样 -
v-html
解析html - 事件
v-on:
绑定事件监听器,(语法糖:用@
代替) - 指令
v-bind:
绑定活的属性,(语法糖:用:
代替) - 双向数据绑定
v-model
- 指令
v-show
- 指令
v-if
-指令v-for
Vue中的所有方法都放在methods里面
属性 : - 计算
computed
- 侦听器
watch
- 方法
methods
处理事件
组件
-
component
创建组件 -
template
创建模板 -
props
接收属性
事件
- 触发事件
$emit
- 点击事件
click
- 删除事件
delete
vue组件和vue实例之间的关系:每个vue组件都是一个vue实例,可以用vue实例的属性,每一个组件也是一个vue实例
父子组件之间的联系:
- vue父组件通过属性的方式向子组件传递数据
- 通过发布订阅模式,子组件向父组件传递数据