vue3 watch不生效_vue3.0更新了

前言

昨天不是尤雨溪 不是刚在B站 直播玩了，分享了vue-next v3.0.0-beta.1 版本 哈哈，

不要太刺激哦

6大亮点

• Performance：性能更比Vue 2.0强。

• Tree shaking support：可以将无用模块“剪辑”，仅打包需要的。

• Composition API：组合API

• Fragment, Teleport, Suspense：“碎片”，Teleport即Protal传送门，“悬念”

• Better TypeScript support：更优秀的Ts支持

• Custom Renderer API：暴露了自定义渲染API

现在就马上进入搭建吧 

包括了

• 基于 vue-cli 快速搭建 Vue 3.0 项目

• Vue 3.0 基本特性体验

• 集成 vue-router 和 vuex 4.0

Vue 3.0 项目初始化

第一步，安装 vue-cli：

npm install -g @vue/cli

注意以下命令是错误的！

npm install -g vue
npm install -g vue-cli

安装成功后，我们即可使用 vue 命令，测试方法：

$ vue -V
@vue/cli 4.3.1

第二步，初始化 vue 项目：

vue create vue-next-test

输入命令后，会出现命令行交互窗口，这里我们选择 Manually select features：

Vue CLI v4.3.1
? Please pick a preset:default (babel, eslint)
❯ Manually select features

随后我们勾选：Router、Vuex、CSS Pre-processors 和 Linter / Formatter，
这些都是开发商业级项目必须的：

Vue CLI v4.3.1
? Please pick a preset: Manually select features? Check the features needed for your project:
 ◉ Babel
 ◯ TypeScript
 ◯ Progressive Web App (PWA) Support
 ◉ Router
 ◉ Vuex
 ◉ CSS Pre-processors
❯◉ Linter / Formatter
 ◯ Unit Testing
 ◯ E2E Testing

注意：Vue 3.0 项目目前需要从 Vue 2.0 项目升级而来，