[vue3入门]HTML Learn Data Day 7

裸历 · 2026-3-1 23:05:00

学习真的是一件很累的事情，更何况有这么多杂七杂八的事情
唉唉，莎了我吧
原文章地址：https://www.cnblogs.com/Reisentyan/p/19656869
Vue3 构建

Vue3 每一次构建新项目时，都会从 npm 上拉取模板。
在 VS Code 中按：

复制代码

打开终端，然后输入：

复制代码

解释一下这条命令：

中途会问：

然后它会自动在当前文件夹生成一个完整的 Vue3 项目。
每次启动项目，都在项目根目录输入命令：npm run dev 启动本地开发服务器
项目入口结构

生成后，项目默认打开的是 index.html。
里面有一行关键代码：

复制代码

也就是说，从 app.vue 中拿东西出来，插到 index.html 中的#app这个组件上面
从app.vue中我们会看到三段代码：

复制代码

App.vue

复制代码

index.html

复制代码

这里的 #app 只是一个挂载容器。
真正的页面结构全部来自 Vue。
总结

Vue3 的工作流程就是：

像这样拼积木，一份项目就拼出来了

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

撷监芝 · 6 天前

这个好，看起来很实用

禄磊 · 4 天前

yyds。多谢分享

磁呃泵 · 前天 08:12

收藏一下不知道什么时候能用到

账号		自动登录	找回密码
密码			立即注册

回复