Vue学习笔记

学习背景

随着旧浏览器逐渐被淘汰，移动端需求增加，并且前端交互越来越多，功能也越来越复杂，前端架构已经逐渐从传统后台MVC向REST API+前端MV*迁移。

       - MVC      |MV* -- - MVP      |       - MVVM    Angular,React,Vue

MVVM框架

1.针对具有复杂交互逻辑的前端应用
2.提供基础的架构抽象
3.通过Ajiax数据持久化，保证前端用户体验

我为什么会选择Vue.js学习？

1.Vue.js更清凉，gzip后大小只有20k+
2.Vue.js更易上手，学习曲线平稳
angular是由java工程师写的，里面包含了太多前端不好理解的概念。
react比angular要好些，但react也有他自己的一套基础语法
3.Vue吸取了两家之长，借鉴了angular的指令和react的组件化

Vue.js核心思想

1.数据驱动
2.组件化
组件设计原则：
页面上每个独立的可视/可交互区域视为一个组件；
每个组件对应一个工程目录，组件所需要的各种资源在这个目录下就近维护；
页面不过是组件的容器，组件可以嵌套自由组合形成完整的页面

什么是Vue-cli

Vue-cli是Vue的脚手架工具，它能够帮助我们写好Vue的基础代码，包括：目录结构，本地调试，代码部署，热加载，单元测试

安装Vue-cli

需要先安装node.js, 版本至少4.0以上，在命令行输入：

npm install -g vue-cli