vue文件說明
1、main.js是我們的入口文件，主要作用是初始化vue實例，并使用我們需要的插件
????importVuefrom'vue'importAppfrom'./App'importrouterfrom'./router'/* eslint-disable no-new */
????new Vue({
????????el:'#app',
????????router,
????????template:'',
????????components: { App }
????})
2、App.vue是我們的跟組件，所有頁面都是在App.vue下面進行切換的，可以理解為所有的組件都是App.vue的子組件，我們可以吧頭部課底部及每個頁面都出現(xiàn)的內(nèi)容放在App.vue里面。
?import Hello from './components/Hello'
????export default {
????????name: 'app',
????????components: {
????????Hello
????????}
????}
#app {
????font-family: 'Avenir', Helvetica, Arial, sans-serif;
????-webkit-font-smoothing: antialiased;
????-moz-osx-font-smoothing: grayscale;
????text-align: center;
????color: #2c3e50;
????margin-top: 60px;
}
import Hello from'./components/Hello'exportdefault{ name:'app', components: { Hello }}
import Hello from'./components/Hello'exportdefault{ name:'app', components: { Hello }}
3、index.html文件入口
4、src放置組件和入口文件
5、node_modules為依賴的模塊
6、config中配置了路徑端口值等
7、build中配置了webpack的基本配置、開發(fā)環(huán)境配置、生產(chǎn)環(huán)境配置等
#app{font-family:'Avenir', Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px;}
