vue_1

1. 什么是vue.js

1. Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。
2. Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起，并成为前端三大主流框架！

2. 为什么学习流行框架

A）提高开发效率

B）能够帮助我们减少不必要的DOM操作；提高渲染效率；

3. 框架和库的区别

1. 框架：是一套完整的解决方案；对项目的侵入性较大，项目如果需要更换框架，则需要重新架构整个项目。
2. 库（插件）：提供某一个小功能，对项目的侵入性较小，如果某个库无法完成某些需求，可以很容易切换到其它库实现需求。

4. MVC与MVVM的区别

1. MVC 是后端的分层开发概念;
2. MVVM是前端视图层的概念，主要关注于视图层分离，也就是说：MVVM把前端的视图层，分为了三部分Model、View、VM ViewModel;

5. Vue.js的代码结构

1. 引入vue.js
2. 写视图层，我们要展示的内容
3. 实例化Vue()

• el：这个控制是哪块视图
• data：存放数据
• methods：放我们的方法

6. 插值表达式、v-cloak、v-text、v-html

• 插值表达式{{}}，可以在前后插入一些内容
• v-text：会替换掉元素里的内容，输出纯文本
• v-html：可以渲染html界面，能够解析富文本，会覆盖原来的内容
• v-clock解决插值表达式的闪烁问题

7. v-bind

界面元素属性值的绑定

• 括号里不加引号的都是我们data里的数据读取
• 如果想使用字符串需要加上引号
• 里面可以写表达式
• 里面也可以调用定义好的方法，拿到的是方法的返回值

8. v-on

1. 进行事件的绑定，我们用的最多的是click事件绑定
2. 简写@

9.事件修饰符

1. .stop 阻止冒泡
2. .prevent 阻止默认事件
3. .capture 添加事件侦听器时使用事件捕获模式
4. .self 只当事件在该元素本身（比如不是子元素）触发时触发回调
5. .once 事件只触发一次

 

10. v-model数据双向绑定

1. 作用：数据双向绑定
2. 注意：绑定的是表单控件

Vue 实现 双向数据绑定 主要采用：数据劫持结合“发布-订阅”模式的方式，通过Object.defineProperty（）的 set 和 get，在数据变动时发布消息给订阅者触发监听