vue重要文件意义

目录

一、main.js

二、App.vue

三、router文件夹里的index.js

四、store

五、vue项目里其他的文件作用：

---

一、main.js

　   main.js 程序入口文件，初始化vue实例，并引入使用需要的插件和各种公共组件.把内容渲染到主页面上，是项目的入口文件

//import...from...是ES6语法里面的新特性，用来引入外部文件
//入口文件
import Vue from 'vue'
//导入App根组件
import App from './App'
// 是否要在生产环境当中给予提示功能。
Vue.config.productionTip = false;  

 
//构建vue实例
new Vue({
  el: '#app',
  components: { App },   // components:代表组件。
  template: '<App/>'    //template：代表模板。
})

二、App.vue

App.vue是项目的主组件，页面入口文件 ，所有页面都在App.vue下进行切换，app.vue负责构建定义及页面组件归集。

1、app.vue作为主组件在main.js中被使用

import Vue from 'vue'
import App from './App.vue'

Vue.config.productionTip = false

new Vue({
  render: h => h(App),
}).$mount('#app')

2、主组件app.vue调用其他组件，构建页面

<template>
  <div id="app&