Vue循环遍历

前言

一、 什么是Vue?

1、 用于构建用户页面的渐进式框架
2、 自底向上逐层应用
3、 Vue核心库只关注视图层
4、 核心理念:数据驱动视图，组件化开发

二、 什么是mvc和mvvm

1、 MVC：后端分层开发
V（view视图层）：展示数据，发送请求
C（contraller调度层）：接受数据，响应数据
M（model模型层）：处理数据和数据库进行交互
数据库
2、 MVVC：前端视图开发
V（view视图层）：展示数据
VM（连接视图层和模型层）
M（模型层）

三、 框架和库的区别

1、 框架：
对项目的侵入性较大，如果需要更换框架就需要重构整个项目
2、 库：
对项目的侵入性较小，更换其他库就能实现相同的功能

四、差值表达式

{{}}将内容插入html中，可进行简单计算

五、vue指令v-html和v-text的区别

v-html可以识别富文本

六、vue指令-属性绑定及简写

v-bind 简写：：

七、vue指令-事件绑定及简写

v-on @

八、vue事件修饰符

.stop 阻止冒泡事件 .prevent阻止默认事件 .once时间只触发一次 .self时间本身触发
.capture捕获事件

九、vue指令-双向数据绑定

v-model 数据双向绑定的原理：
通过劫持结合发布的订阅者模式和Object.defineproprety来劫持各个属性的setter和·getter，当数据发生改变时就发消息给订阅者触发监听

十、vue指令-循环渲染

v-for ：key唯一值；提高重排效率，就地复用；只能是number string类型

十一、vue指令-显示隐藏

v-if 通过删除dom元素来实现元素的隐藏 一次时使用
v-show 通过display:none来实现元素的显示隐藏 多次时使用

十二、vue指令-v-for如何遍历对象、数组、数字

数字：v-for=”num in 5 数组：v-for=”(item,index) in Arr” 对象：v-for=”(key,value,index) in Obj”

十三、vue绑定class的方式

数组 对象 数组内置对象 三目运算符

十四、vue绑定style方式

数组 对象 函数返回值