Vue的认知理解

1. Vue的特点

• 渐进式
• 声明式渲染
• 数据驱动视图 (响应式)
• 极少的去写DOM操作相关代码
• 双向绑定
• 组件系统
• 不兼容IE8及以下浏览器

2. Vue的最大优势是什么

​ 简单易学, 轻量级整个源码js文件不大, 双向数据绑定, 数据驱动视图, 组件化, 数据和视图分离,

​ vue负责关联视图和数据, 作者中国人(尤雨溪), 文档都是中文的, 入门教程非常多, 上手简单.

​ 相比传统网页, vue是单页面可以只刷新某一部分

3. Vue和jQuery的区别是什么

​ jQuery应该算是一个插件, 里面封装了各种易用的方法, 方便你使用更少的代码来操作dom标签

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

4. mvvm和mvc的区别是什么

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

​ MVVM: 即Model-View-ViewModel的简写。即模型-视图-视图模型, VM是这个设计模式的核心, 连接v和m的桥梁,内部会监听DOM事件, 监听数据对象变化来影响对方. 我们称之为数据绑定

5. Vue的常用修饰符有哪些

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

​ .stop: 阻止单击事件冒泡；

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

6. Vue兼容哪个版本

不支持ie8及以下，部分兼容ie9 ，完全兼容10以上
因为vue的响应式原理是基于es5的Object.defineProperty(),而这个方法不支持ie8及以下。

7. 对Vue渐进式的理解

渐进式代表的含义是：主张最少, 自底向上, 增量开发, 组件集合, 便于复用

8. v-show和v-if的区别

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

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

​ 但是：false的情况下，

​ v-show是采用的display:none

​ v-if采用惰性加载

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

9. 说出多个Vue指令及作用

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

​ v-show 显示内容

​ v-if 显示与隐藏

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

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

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

​ v-text 解析文本

​ v-html 解析html标签

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

Vue 处理指令时，v-for 比 v-if 具有更高的优先级, 虽然用起来也没报错好使, 但是性能不高,
如果你有5个元素被v-for循环, v-if也会分别执行5次.

11. 总结数组对象的常用方法

• 定义了一个数组myArr: [“a”, “b”, “c”] 方法this.myArr.push()代表向尾部添加一个元素 this.myArr.shift()代表删除头部的元素 this.myArr.splice(index,num)index表示数组开始删除的位置,num表示数组中将要删除的元素个数