vue

vue总结

vue安装： 检查是否安装node.js（vue-v）、安装淘宝镜像（cnpm install -g cnpm --registry=http://registry.npm.taobao.org）、安装脚手架（cnpm install -g vue-cli）、创建项目（vue init webpack 项目文件夹名）、安装依赖（cnpm install）、启动项目（cnpm run dev）。

什么是vue： 是一套用于构建用户界面的渐进式框架，数据层跟视图层的双向绑定使用开发更方便。

mvvm: MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。
Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；
View 代表UI 组件，它负责将数据模型转化成UI 展现出来，
ViewModel 是一个同步View 和 Model的对象。

***文本渲染的三种方式：***纯文本输出：双花括号、v-text，解析输出：v-html。

使用组件的作用： 1.提高开发效率 2.方便重复使用方便单元测试 3.提高整个项目的可维护性

vue常用的属性： v-mode linput框属性，v-for 循环属性，v-bind 绑定属性，v-on 绑定事件，修饰符：v-if 不适合频繁切换显示隐藏 ，v-show适合切换显示隐藏

路由： 路由是用来跳转，routes定义路由，router-link 跳转，
生命周期4个阶段8个函数： 4个阶段：创建、挂载、更新、销毁，8个函数：beforecreate、create、beforemount、mounted、beforupdate、updated、beforeDestory、Destory

vuex的状态管理： Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
应用场景： Vue多个组件之间需要共享数据或状态。
Vuex有几个核心概念： State、Getter、Mutation、Action、Module。
State：存储状态数据
Getter：从状态数据派生数据，相当于State的计算属性。
Mutation：存储用于同步更改状态数据的方法，默认传入的参数为state。
Action：存储用于异步更改状态数据，但不是直接更改，而是通过触发Mutation方法实现，默认参数为context。
Module：Vuex模块化。