概述
Vue语言 是尤雨溪开发的国人MVVM语言(同react,angular类似)
Vue脚手架也称vue-cli,是以vue语言为基础搭建的,以快速开发、测试、生产项目为目的的工具。
版本
当前vue基础语言版本,有2.x、3.x(Alpha预览版已经上线,正式版预计发布2020年)
当前vue-cli版本有 vue-cli2.0 、vue-cli3.0(目前它们都是基于Vue2.0语法开发)
vue-cli2.0与vue-cli3.0差异
vue-cli2.0
安装:
npm install vue-cli -g;
初始化项目:
vue init webpack(模板类型) 项目名称;
运行:
npm install; //安装依赖项
npm run dev; //开发模式启动
vue-cli3.0
安装:
npm install @vue/cli -g;
初始化项目:
vue create 项目名称
运行项目:
npm install; //安装依赖
npm run serve;
需要注意的是,要安装vue-cli3.0,如果本地已经全局安装了vue-cli2.0的情况下,需要先卸载,再安装vue-cli3.0
此外,关于创建项目后的配置
vue-cli3.0有默认配置和手动配置,手动配置类似于一列复选框,根据自己喜好进行勾选
Vue3.x简述
为“达到更加清晰和更易维护的架构,特别是为了让代码的贡献变得容易”
Vue团队使用TypeScript(98%以上) ,从零开始编写 3.0 版本,
但是对于使用者不会typeScript也不影响使用
主要特点:
(1). 更加优雅:
3.x 将带来一个基于 Proxy 的 observer 实现,而不是之前的Object.defineProperty,使得对收集依赖项目之后的新增加属性
(2).更精准的变动通知(更效率):
举个例子:在 2.x 系列中,通过 Vue.set 强制添加一个新的属性,将导致所有依赖于这个对象的 watch 函数都会被执行一次;而在 3.x 中,只有依赖于这个具体属性的 watch 函数会被通知到。
...慢慢补充