Vue3教程-使用Vue3新特性创建一个简单App
1.Vue3安装和设置 首先,我们需要把项目vue-next-webpack-preview复制过来,此项目包含Vue的设置
git clone https://github.com/vuejs/vue-next-webpack-preview.git vue3-experiment cd vue3-experiment npm i 当我们复制完项目和安装完node_modules之后,我们需要把样板的文件删除,和重新创建一个新的main.js(window系统我找不到好命令,只好全部删了再重新创建)
rd -r "src" mkdir src cd src type > main.js 现在我们来运行一下(记得把路径切换回跟目录,假如路径还是‘src’的话,执行下‘cd ../’)
npm run dev 2.创建一个新的Vue app 以前我们会用new Vue()去创建应用,现在我们引入createApp方法去创建。 我们会调用createApp方法,然后把我们定义的Vue实例对象作为参数传入,之后createApp方法会返回一个app对象。 下一步,我们会调用app对象的mount方法,把我们css选择器的元素传进去,这个就像我们之前的vue2的$mount方法一样
//main.js
import { createApp } from "vue";
const app = createApp({ // root instance definition });
app.mount("#app"); 为何要这么做 以前的话,我们会把一些全局写在这里(如