Vue基础Day02

1. vue指令 
v-for 根据数组的个数, 循环数组元素的同时还生成所在的标签

​v-show 显示内容

v-if    显示与隐藏  

v-else  必须和v-if连用  不能单独使用  否则报错  

v-bind  动态绑定  作用: 及时对页面的数据进行更改, 可以简写成:分号

v-on  给标签绑定函数,可以缩写为@,例如绑定一个点击函数  函数必须写在methods里面

v-text  解析文本

v-html   解析html标签

 v-show和v-if的区别

​2.v-show和v-if的区别? 分别说明其使用场景?

​    v-show 和v-if都是true的时候显示,false的时候隐藏

​    但是:false的情况下,

​    v-show是采用的display:none   

​    v-if采用惰性加载

​    如果需要频繁切换显示隐藏需要使用v-show

3.这些方法会触发数组改变, v-for会监测到并更新页面

- `push()`
- `pop()`
- `shift()`
- `unshift()`
- `splice()`
- `sort()`
- `reverse()`

这些方法不会触发v-for更新

* `slice()`
* `filter()`
* `concat()` 

4.虚拟DOM本质就是一个JS对象,保存DOM关键信息。提高DOM更新的性能, 不频繁操作真实DOM, 在内存中找到变化部分, 再更新真实DOM(打补丁)

vue用diff算法, 新虚拟dom, 和旧的虚拟dom比较。
* 根元素改变 – 删除当前DOM树重新建
* 根元素未变, 属性改变 – 更新属性
* 根元素未变, 子元素/内容改变
* 无key – 就地更新 / 有key – 按key比较

5.Vue.js允许自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和v-bind表达式

​    1.全局的用Vue.filter()

​    2.局部的用filters属性

上一篇:Alpha总结


下一篇:(还不错)v-if与v-show的区别