《Vue2学习》脚手架分析

麻了！不写博客的后果就是半个月不学就全忘光了。亡羊补牢，为时未晚。从今天开始继续写吧！

创建一个项目后，整个的布局是这样子的。

node_modules文件中包含了Vue使用的库。

public文件里面用户可以看到的东西

src文件里面有assets文件和components文件。assets主要用来存放一些静态资源，如图标、视频等等。components文件里面放出App.Vue之外的所有vue文件。

脚手架启动后，也就是npm run serve后，首先来到main.js，main.js也就是入口文件

//该文件是入口文件
//引入Vue
import Vue from 'vue'

//引入App组件，是所有组件的父组件
import App from './App.vue'

//关闭Vue生产提示
Vue.config.productionTip = false

//创建Vue实例对象--vm
new Vue({
  el:'#app',
  //完成了讲App组件放入容器中
  render: h => h(App),
}).$mount('#app')

如果出现Component name "Student" should always be multi-word这种问题，只需要在该js文件里面，加上这一行就可以解决了