vue的笔记

什么叫事件钩子？

在进入和退出的时候，他要经历若干个阶段，而在每个阶段当中，vue为了方便我们插入一些代码，所以vue给我们提供了事件钩子

事件

<a href="" v-on:click.prevent='handle'></a>

v-on:click.prevent  阻止事件

v-on:click.stop  停止冒泡

v-on:click.self   仅在当前元素触发

v-on:click.once   仅触发一次

键盘(keyup keydown)

<input type="search" v-on.keyup.enter='handle'>

.enter 回车键

.esc 取消键

.del  删除键

.space  空格

.tab  tab键

简写

<button v-on:click='handle'></button>

<button @click='handle'></button>

双向数据绑定，指令是v-model  应用于表单元素

属性绑定   v-bind  

如：  <div v-bind:title=''></div>  简写可以直接将v-bind省略  直接写冒号

计算属性 也就是属性的值不是直接打印出来，而是经过一系列的处理计算才出来的结果

如：{{msg.split('').reverse().join('')}}

vue的条件渲染  

v-show，因为他实际上是visiavle的属性去动态显示跟隐藏（适用于经常发生变化的页面）

v-if每次都要渲染一下，

属性绑定（应用于自定义属性的绑定，在父子组件传值中）：  v-bind    :(冒号是简写形式)

事件绑定   v-on  @（简写形式）

data里面定义的属性，computed（计算）定义的方法，以及methos里面定义的方法，我们都可以通过id='app'的app去访问

当参与的值发生变化的时候，computed里面的函数就会自动执行一次