Vue3教程-使用Vue3新特性创建一个简单App

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"); 为何要这么做 以前的话，我们会把一些全局写在这里(如

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！