vue3项目初始化及新特性体验（一）

前段时间刚发布了vue3的beta版本，这几天大概上手体验了一下，感觉有些东西变化还是挺明显的，虽然完全兼容之前的api，不过新版vue肯定是更有优势的，具体优势的体现还需要以后开发中会慢慢体会到。

一、初始化项目

首先，安装脚手架(已经安装过的可跳过此步骤)

npm install -g @vue/cli

然后初始化项目，

vue create vue3-test

选择自定义模式，把vuex、vue-router选上。（PS：目前beta版本不支持ts的项目，所以用ts开发的同学还要再等等）

然后执行（PS：升级vue3这一步，昨天我试了好几次，升级之后项目都跑不起来，应该是网络问题导致包下的有问题，今天试了一下是正常的）

vue add  vue-next

会下载vue-cli-plugin-vue-next，把我们项目的模板和api都升级到vue3.

接下来，就可以使用vue3的新特性了。

目前vue3的官方文档还没出，不过可以在这个网站看一下vue3目前的新特性点我看vue3新版特性

二、vue3新特性

1.demo

<template>
  <div>
    <div>{
  {state.count}}</div&