1.生命周期 vue
2.事件绑定 1.内联方式: 将事件处理器绑定到一个方法中,以下所有事件都以click事件作为案例 注意:内联方式下事件处理器只能绑定一个方法,要是想要绑定多个方法,依旧还是使用js中的addEventListener方法进行绑定
2.点击事件绑定的方法,在Vue实例中,存放在method属性中
注:其中method的this指向始终指向vue实例
3.事件修饰符 要知道是干嘛用的
. stop:阻止冒泡
. prevent:阻止默认事件的发生
. capture:捕获冒泡,即有冒泡发生时,有该修饰符的dom元素会先执行
. self:将事件绑定到自身,只有自身才能触发,通常用于避免冒泡事件的影响
. once:设置事件只能触发一次,比如按钮的点击等。
5.vue的指令
1. v-text
v-text主要用来更新textContent,可以等同于JS的text属性。
2. v-html
它等同于JS的innerHtml属性。
3. v-once
v-once关联的实例,只会渲染一次
4. v-if
v-if可以实现条件渲染,Vue会根据表达式的值的真假条件来渲染元素。
5. v-else 必须搭配使用
6. v-show
但是v-show的元素会始终被渲染并保存在dom中,它只是简单的切换css的dispaly属性。
10. v-for
用v-for指令根据遍历数组来进行渲染
注意 v-for 和 v-if的优先级 v-for的优先级更高
v-bind 绑定 动态的绑定一个或者多个特性 常用于动态绑定class和style。以及href等。
简写 :
v-model 同步输入框的值和数据 v-on主要用来监听dom事件,以便执行一些代码块 简写@