Vue分析脚手架结构

index.html: 是整个应用的界面

assets: 放静态资源，例如logo图，png，视频等，方便大家使用

components: 程序员开发出来的所有组件往这里放，唯独App.vue不放在里面。 

index.html

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),
})

App.vue

School.vue

Student.vue

运行main.js

 

效果成功：