Vue.js核心技术解析与uni-app跨平台实战开发学习笔记 第12章 Vue3.X新特性解析 12.1 Vue3.0 新特性

Vue.js核心技术解析与uni-app跨平台实战开发学习笔记

第12章 Vue3.X新特性解析

12.1 Vue3.0 新特性

Vue3.0 中需要重点关注的两个新特性：

• 双向数据绑定的原理发生了改变。Vue2.0中使用es6中的Object.dedineProperty数据劫持原理实现，而在3.0中使用的是Proxy代理实现双向数据绑定，使用代理形式渲染速度更快。
• 新增组合式API(Composition API)。在Vue3.0中这很重要。

Vue3.0项目通常也是采用vue-cli进行搭建。

使用vue-cli创建项目的步骤：

1. 打开控制台，进入站点根目录。

   

2. 运行命令

   vue create project name
   1

   

3. 选择Manually select features手动自定义安装(上面两个是vue2和vue3的默认安装)

4. 手动安装模块。

   接下来是自定义模块选择窗口，在此窗口中可以选择Vue版本以及其他各种选项。

   其中Vue版本、Babel、Router是必须要选择的。

   

   使用空格键进行选择，Enter确定

5. 选择Vue版本

   

   

   选择3.x

   

   

   

   

   等待项目构建完成

6. 运行项目

   npm run serve
   1

   

   

   使用浏览器访问：

   

   OK。