vue其他知识点简单记录

• 路由：

路由视图
<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>

• 动态组件