Vue官方文档阅读总结-1

Vue是更好的组织和简化web开发，关注的核心是MVC模式中的视图层，同时，它也能方便地获取数据更新，并通过组件内部特定的方法实现视图与模型的交互。（或者说用尽可能简单的API实现响应的数据绑定和组合的试图组件）

Vue和Js的联系

1. Vue本质上就是JS所构成的一个框架
2. Js使用的时候需要首先获取Dom对象，然后对Dom对象进行值的修改操作
3. Vue是先把值和js对象绑定，然后修改js对象的值，Vue框架就会自动把Dom的值更新。
4. Vue的好处是将数据层和视图层完全分开（只关注视图层），针对数据操作而不是频繁操作Dom（这样会导致页面频繁重绘）

Vue目录结构
src中：
assets：放一些图片
components：放一个组件文件
App.vue：项目入口文件
main.js ：项目核心文件

Vue.js 起步

1. 首先，需要实例化vue
2. el参数，指定Dom元素
3. Vue实例被创建的时候，向Vue的响应式系统中加入了data对象能找到的所有属性
4. 内置的实例属性和方法 都有前缀＄

Vue.js 模板语法
Vue使用了HTML的模板语法，将Dom和Vue实例数据绑定。结合响应数据，状态改变的时候，Vue就可以计算出重新渲染组件的最小代价，应用到Dom操作上。

Vue.js条件与循环

---

算了 直接看官方文档吧，看菜鸟觉得有点无聊 没有体系。

第一节：

1. 注意数据是和DOM建立关联，所有的都是响应式的。当建立了连接之后，就不再和HTML直接交互。
   一个Vue挂载在一个dom，这个HTML就是我们的入口，其他的都会发生在新创建的Vue实例里面。
2. 指令，会在渲染的DOM上应用特殊的响应式行为。
3. 一般情况下，不会触碰DOM，所有的DOM操作都由Vue来处理，编写的代码只需要关注逻辑层面即可。
4. 组件化应用构建
   一个组件本质上是一个拥有预定义选项的Vue实例；
   组件的使用可以重复利用，提高效率，解耦。

第二节（Vue实例）：

1. 创建一个Vue实例时，可以传入一个选项对象（此时，data对象中所有的property加入Vue的响应式系统）—>这些数据改变之后，视图才会进行重新渲染。
2. 注意一开始有的才是响应式的，新添加的不行。
3. Vue实例创建过程中有很多初始化过程，在这些过程中会运行一些较生命周期钩子的函数（作用是在这些阶段增加自己代码）在这些函数中，this指向调用他们的Vue实例（但是不要用=>箭头函数，里面没有this）
4. 这个图很重要 （初始化的过程，和声明时候用什么函数可以增加自己的代码）。