vue学习笔记1

1.innerHTML  不包含html，

outerHTML 包含html

2.v-text  和v-html  当对象是文字时，展现情况一样。当包含html时，v-html能看见对象的html属性

3.v-on   绑定事件，比如鼠标点击 移入等，v-on:click可以简写为 @click ="do"  do为methods里的方法,

methods:{

do:function(){}

}

• 参数传递：除了传递参数，如果同时需要传入event   可以通过$event传入事件。
• 修饰符：1. .stop  阻止冒泡   2.  .prevent   阻止默认事件 比如表单提交   3. @keyup.enter=“keyup”   监听某个按键  4.once   只触发一次。

4.v-show 根据表达式的真假，切换元素的显示和隐藏，原理是修改元素的display，操作元素样式。最终都是解析为布尔型 去判断

v-if    和上面作用相同，但是是直接操纵元素。所以在频繁操作时，用v-show，因为-if 操作dom对性能消耗较大。

vue会有复用，所以为了区分，加上key，不让vue复用。

• 哪些数组的方法是响应式 的？【注意】 通过数组索引值修改元素，不是响应式的，页面看起来没有变化！！这时可以用splice设置，或者vue.set()

sort  splice  reserve  push  pop

5.v-bind  设置元素属性  表达式：v-bind:属性名=“表达式”，前面的v-bind可以省略。一般显示  ：class=“{active:isActive}”

• 计算属性：需要对数据进行转化后显示，之前是可以利用插值表达式去计算。

计算属性，本质是有set和get方法的，但是一般没有set方法，只有get 只读属性。

但是set也可以设置值，注意里面需要传值

• 计算属性有缓存

补充ES6语法：let  var const

var 不要再用。

let  变量需要改变的时候用  const  变量不改变（标识符） 。ES5之前没有块级作用域，只有全局作用域和函数作用域。

• const   不能被随便修改，修改为常量。建议开发中优先使用const   只有需要改变某一个标识符时才使用let

注意const  不能修改。但是里面的属性值可以更改（因为内存地址没变）。

必须有初始化值

• 属性的增强写法：直接写就行，后面可以不带值

• 函数的增强写法

6.v-for  根据数据生成列表连用，语法：（item,index）in 数据名  push追加元素  shift  删除数据

7.v-on 补充，传递自定义参数、事件修饰符    事件监听

事件修饰符  有很多，上网搜即可。常用@keyup

8.v-model  获取和设置表单元素的值，双向数据绑定。

小黑记事本

删除 --用v-on splice  删除指定元素