Vue2 必备的50个知识点

• 单页面路由

• 数据与视图分开

缺点：

• 单页面不利于seo

• 不兼容IE

• 首屏加载时间长

2、为什么说Vue是一个渐进式框架？

Vue的全家桶，你可以选择不用，或者只选几样去用，比如不用vuex

3、Vue跟React的异同点？

相同点：

• 都是单向数据流

• 都使用了虚拟DOM的技术

• 都支持SSR

• 组件化开发

不同点：

• 前者template，后者JSX

• 数据改变，前者响应式，后者手动setState

• React单向绑定，Vue双向绑定

• React状态管理工具Redux、Mobx，Vue状态管理工具Vuex

4、MVVM是什么？和MVC有何区别呢？

MVC

• Model：负责从数据库中取数据

• View：负责展示数据

• Controller：用户交互的地方，例如点击事件

• 思想：Controller将Model的数据展示在View上

MVVM

• VM：就是View-Model，数据双向绑定

• Model：取数据的地方

• View：展示数据的地方

• 思想：View和Model实现数据同步，不需要手动更新

注意：Vue不严格符合MVVM，因为MVVM规定Model和View不能直接通信，而Vue可以使用ref进行通信

5、Vue和JQuery的区别在哪？为什么放弃JQuery用Vue？

• JQuery直接操作DOM，而Vue不直接操作DOM，而是只需操作数据

• Vue的虚拟DOM技术，能适配多端

• Vue集成了一些库，大大提高开发效率，例如Route、Vuex等等

6、为什么data是个函数并且返回一个对象呢？

防止组件被多个页面使用时，造成的变量互相污染

7、使用过哪些Vue的修饰符呢？

• .lazy：输入框失焦时才会更新v-model的值

• .trim：讲v-model绑定的值首位空格给去掉

• .number：将v-medol绑定的值转数字

• .stop：阻止事件冒泡

• .capture：事件的捕获

• .self：点击事件绑定本身才触发

• .once：事件只触发一次

• .prevent：阻止默认事件

• .native：绑定事件在自定义组件上时，确保能执行

• .left、.middle、.right