1. 4个Vue指令及作用2. Vue常用修饰符有哪些3. v-show和v-if的区别4. 为什么避免v-for和v-if在一起使用5. Vue和jQuery区别是什么?6. mvvm和mvc区别?

1. Vue指令及作用

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

v-show 显示内容

v-if 显示与隐藏

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

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

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

v-text 解析文本

v-html 解析html标签

2. Vue常用修饰符有哪些?

.prevent: 提交事件不再重载页面

.stop: 阻止单击事件冒泡

.once: 只执行一次这个事件

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

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

但是：false的情况下，

• v-show是采用的 display:none
• v-if采用惰性加载

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

4. 为什么避免 v-for 和v-if 在一起使用

Vue 处理指令时，v-for 比 v-if 具有更高的优先级

虽然用起来也没报错好使，但是性能不高，如果你有5个元素被v-for循环，v-if也会分别执行5次

5. Vue 和 jQuery 区别是什么?

jQuery 是一个插件，里面封装了各种易用的方法， 方便用更少的代码来操作dom标签

Vue 是一套框架，有自己的规则和体系与语法，特别是设计思想 MVVM，让数据和视频关联绑定，省略了很多DOM操作，然后指令还给标签注入了更多的功能

6. mvvm 和 mvc 区别是什么?

MVC: 也是一种设计模式，组织代码的结构，是model数据模型，view视图， Controller控制器，在控制器这层里编写js代码，来控制数据和视图关联

MVVM: 即 Model-View-ViewModel 的简写

即模型-视图-视图模型，VM是这个设计模式的核心，连接v和m的桥梁，内部会监听DOM事件，监听数据对象变化来影响对方，称之为数据绑定