vue-cli4.0搭建

vue.js越来越火爆.更多的项目vue进行开发,实际开发搭建开发脚手架. html css javascript, node.js环境(npm包管理工具) , webpack构建工具 webpack是一个静态资源构建，打包的工具

构建 开发。编译 打包 之后 配置文件修改 部署

首先需要准备

1.安装node.js
2.版本10.0.0以上 默认c盘
3.可下载淘宝镜像 比较稳定 也可以使用yarn
4.安装vue-cli脚手架构建工具
cnpm install -g @vue-cli 全局安装
vue -V查看版本 3.0为4.5.6
5.创建vue3.0项目
vue create 项目名称

vue3.0和2.0区别

1、vue2使用Object.defineProperty方法实现响应式数据，vue3使用proxy实现响应式数据

Object.defineProperty的缺点：

无法检测到对象属性的动态添加和删除

无法检测到数组的下标和length属性的变更

解决方法：

vue2提供Vue.$set动态给对象添加属性

Vue.$delete动态删除对象属性

重写数组的方法，检测数组变更

proxy的缺点：

es6的proxy不支持低版本浏览器（IE11）

会针对IE11出一个特殊版本进行支持

proxy的有点：

可以坚持到代理对象属性的动态新增和删除

可以监测到数组的下标和length属性的变化

举个栗子：

过去的2.0就像是我们在餐厅吃饭，是等菜上齐了我们再开始吃饭，有的时候菜点多了就会造成不必要的浪费。而现在的3.0更像是在吃自助餐，你吃多少就拿多少，就不会造成浪费。
2、vue3新特性：

①：数据响应重新实现（ES6的proxy代替ES5的Object.defineProperty）

②：源码使用ts重写，更好的类型推导

③：虚拟DOM新算法（更快、更小）

④：提供了composition api，为更好的逻辑复用与代码组织

⑤：自定义渲染器&#