美文网首页
Vue脚手架目录文件介绍 & 项目运行流程

Vue脚手架目录文件介绍 & 项目运行流程

作者: 家乡的蝈蝈 | 来源:发表于2024-03-27 08:46 被阅读0次

1.1 Vue脚手架目录文件介绍


虽然脚手架中的文件有很多,目前咱们只需入手这三个文件即可

  1. main.js 入口文件
  2. App.vue App根组件
  3. index.html 模板文件

1.2 项目运行流程


通过yarn serve启动项目,项目的入口文件为main.js,main.js作用是将App.vue渲染到index.html容器中

// main.js文件
import Vue from 'vue' // 导入vue
import App from './App.vue' // 导入根组件

Vue.config.productionTip = false // 关闭温馨提示

new Vue({
  // el:'#app', // el等价于.$mount('#app')
  render: h => h(App), // render是渲染函数,将App.vue渲染到index.html的id为app的div中
}).$mount('#app')

相关文章

网友评论

      本文标题:Vue脚手架目录文件介绍 & 项目运行流程

      本文链接:https://www.haomeiwen.com/subject/nlndtjtx.html