Vue基础

○ 什么是webpack

■ 项⽬构建⼯具
■ 资源的合并、打包、压缩、混淆等诸多功能

○ 什么是vue

■ 构建⽤户界⾯的渐进式框架，采⽤⾃底向增量开发的设计。

○ vue核⼼理念

■ 数据驱动视图，组件化开发

○ 为什么学习流⾏框架

■ 轻量级框架
■ 简单易学
■ 视图、数据、结构分离
■ 虚拟DOM

○ 框架和库的区别

■ 框架：⼀套完整的解决⽅案，对项⽬的侵⼊性较⼤，如果想要更改框架，需要重新架构整个项⽬。
■ 库：提供的⼀些⼩功能，对项⽬的侵⼊性较⼩，如果这个库不能完成某些需求，可以很容易的切换到另⼀个库。

○ MVC和MVVM的区别？

■ MVC是后端分层开发的概念，MVVM是前端视图层的概念。
在MVC中V代表view视图层，⽤来展示数据，发送请求，c是Controller调度层，⽤来接收数据，响应数据，m是model模型层，⽤来处理数据，和数据库做交互。
MVVM中v代表view视图层，⽤来展示数据，vm是view-model视图模型层，⽤来链接view和model,承上启下的作⽤，m是model模型层，对数据进⾏逻辑的处理。

○ 展示数据的⽅式

■ 差值表达式 {{}} 做⼀些简单的运算
■ v-html和v-text的异同：
● 相同点：都会覆盖原来的元素
● 不同点：v-html能解析富⽂本，v-text不能。

○ v-bind 元素属性的绑定 简写 ：

○ v-on 事件的绑定 简写 @

○ 事件修饰符

■ .stop 阻⽌冒泡事件
■ .capture 添加捕获模式
■ .self 只有事件作⽤于本身的时候触发
■ .once 只会触发⼀次
■ .prevent 阻⽌默认事件

○ v-model 数据双向绑定 表单控件

数据双向绑定原理：
采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调来渲染视图。

○ 样式的使⽤

■ class
● 数组
● 对象
● 数组内置对象
● 三⽬表达式
■ style
● 数组
● 对象
● 函数返回值

○ v-for (item,index) in 遍历的

■ 遍历数组
■ 遍历对象
■ 遍历数字

○ key

■ 必须是数字或者字符串
■ 必须是唯⼀值
■ 作⽤
● 提⾼重排效率，就地复⽤

○ v-if和v-show的异同：

■ 相同点：都是显示隐藏元素
■ 不同点：v-if是通过删除Dom元素进⾏隐藏，v-show是通过display:none进⾏隐藏元素
■ 应⽤场景：v-if⽤于⼀次或者少次的切换，v-show应⽤于频繁的切换显示和隐藏。