Vue.js核心技术解析与uni-app跨平台实战开发学习笔记
文章目录
- Vue.js核心技术解析与uni-app跨平台实战开发学习笔记
- 第12章 Vue3.X新特性解析
- 12.1 Vue3.0 新特性
第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创建项目的步骤:
-
打开控制台,进入站点根目录。
-
运行命令
vue create project name
-
选择Manually select features手动自定义安装(上面两个是vue2和vue3的默认安装)
-
手动安装模块。
接下来是自定义模块选择窗口,在此窗口中可以选择Vue版本以及其他各种选项。
其中Vue版本、Babel、Router是必须要选择的。
使用空格键进行选择,Enter确定
-
选择Vue版本
选择3.x
等待项目构建完成
-
运行项目
npm run serve
使用浏览器访问:
OK。