- 路由：
路由视图
<router-view/>
跳转路由
<router-link to="home" ></router-link>
- 过渡动画
<transition></teansition>
- 组件
步骤：导入->注册->使用
components
- 数据绑定
表单双向绑定：v-model
v-on,@,methods：事件绑定
v-on：修饰符可以指定键盘事件
v-model：表单数据模型的双向绑定
- 事件
@click="getData"
阻止冒泡事件：v-on:click.stop
其他：@keydown.enter=""：指定回车键的事件
修改器？
- 方法：事件可以调用方法
methods: {
getData () {
//这里是方法，function简写成（）
}
}
- 子父组件传值
父组件--->子组件：pops/pass
子组件--->父组件：Events/emit
pops:{
'my-value':[Number,String] //指定my-value的类型为Number或者String
}
父组件监听子组件事件（子组件向父组件传值）
使用this.$emit('...',...)
- 插槽
<slot>默认值</slot>
- 动态组件
网友评论