Vue的使用

Vue的使用

个人笔记勿踩

Vue不支持IE8及以下，因为使用了ES5的很多特性
可以通过script标签引入vue.js,分为两个版本，开发版本和生产版本，开发版本一般在开发项目的时候使用，可以给你报错提醒问题所在，最后上线后引入生产版本，是没有提示的。
直接下载并用

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

在Vue中提供了一个脚手架可以帮助我们快速搭建基于webpack的开发环境
npm i -g @vue/cli
or
yarn global add @vue/cli
通过指令vue -V查看相应的版本号

双向数据绑定原理（详见Vue基础）

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-n5hHIgP8-1605266516449)(https://s1.ax1x.com/2020/05/23/YjWRDH.png)]

Objecti.defineProperty的缺点

1. 对象属性新加或者删除无法监听
2. 数组元素的增加和删除无法监听

针对这些缺点，ES6 Proxy都能够完美的解决，唯一的缺点就是，对IE不友好（IE11也不支持），所以vue3在检测到如果是使用IE的情况下会自动降级为Obeject.defineProperty的数据监听系统