vue2.x记录

vue2.x记录

认识Vuejs

解耦视图和数据
可复用的组件
前端路由技术
状态管理
虚拟DOM

Vuejs安装方式

方式一：直接CDN引入
你可以选择引入开发环境版本还是生产环境版本

<!-- 开发环境版本，包含了有帮助的命令行警告 --> 
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<!-- 生产环境版本，优化了尺寸和速度 -->
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

方式二：下载和引入

开发环境 https://vuejs.org/js/vue.js
生产环境 https://vuejs.org/js/vue.min.js

方式三：NPM安装
后续通过webpack和CLI的使用，我们使用该方式

vue 生命周期

该图来源于网络(https://img-blog.csdnimg.cn/3186b4a5879a496caecd14aac6bdb208.png#pic_center)