Vue-CLI 项目启动原理
2022-04-14 20:49:52 7 举报
Vue-CLI 脚手架创建项目的启动流程
作者其他创作
大纲/内容
App.vue
template为页面主要渲染内容
App.vue组件导入HelloWorld子组件
assets文件中的logo图片
1. img
挂载在App上的HelloWorld.vue组件
index中的div会被挂载的vue实例所替换
找到入口文件index.html
main.js导入App.vue
main.js
components文件下的HelloWorld.vue
public/ index.html
App.vue导出
Vue实例的选项主要放置在单文件组件App.vue中
HelloWorld的template 定义的内容
2. 引用的HelloWorld组件
HelloWorld组件导出
执行npm run serve
0 条评论
下一页