1.1 Vue脚手架目录文件介绍
虽然脚手架中的文件有很多,目前咱们只需入手这三个文件即可
- main.js 入口文件
- App.vue App根组件
- 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')
网友评论