xiaoge_586的博客

`在创建项目的同时，也生成了很多无用的代码，那么需要去除掉这些无用的代码。 按照如下方式初始化项目代码结构： App.vue 初始化代码如下： <!-- * @Author: longerJue --> <template> <router-view /> </template> <style lang="scss"></style> 删除 views 文件夹下的所有 .vue 文件 删除 components

使用 vue-cli 创建项目 我们首先需要创建一个 vue3 的项目，而创建项目的方式依然是通过 vue-cli 进行创建，当然也可以通过 vue ui可视化的方式创建。 不过这里有一点大家需要注意，因为我们需要使用最新的模板，所以需要保证 vue-cli 的版本在 4.5.13 以上，可以通过以下的方式来查看你的 vue-cli 版本： vue -V ------ @vue/cli 4.5.13 // 输出版本号 如果需要升级版本，那么可以通过以下指令进行升级： npm update -g @vue/

想要进行项目的开发，那么首先我们需要先了解一下 vue3 项目的初始结构。 在这里我们把它和 vue2 的项目进行对比来去说明。 main.js 通过 按需导入的 createApp 方法来来构建 vue 实例； 通过 vue实例.use 方法来挂载插件（router、vuex）； 没有了 Vue 构造方法，无法再挂载原型； App.vue 组件内部结构无变化，依然是 tempalte script style <template> 标签中支持多个根标签； store/ind