Vue 3.0 有哪些新特性值得我们提前了解

已合并所有计划内的 RFC
已实现所有被合并的 RFC
Vue CLI 现在通过 vue-cli-plugin-vue-next 提供了实验性支持

更快更省

Object.defineProperty ——> Proxy

重构 Virtual DOM

完全的TypeScript

团队开发更轻松

架构更灵活，阅读源码更轻松

可以独立使用Vue内部模块

Composition API（组合式API）

一组低侵入式的、函数式的 API

更好的逻辑复用与代码组织

更好的类型推导

系统环境

npm -v
nrm ls


安装@vue/cli

npm install @vue/cli -g


创建项目

vue create 项目名


在项目中安装 vue-next插件，试用Vue3 beta

vue add vue-next


项目变化

import { createApp } from 'vue';
import App from './App.vue'

createApp(App).mount('#app')


启动项目

npm run serve

vue-devtools 暂不支持Vue 3.0
VSCode中安装Vue 3 Snippets插件

export default {
props: {
name: String,
},
setup(props) {
console.log(props.name)
},
}

const MyComponent = {
setup(props, context) {
context.attrs
context.slots
context.emit