app.vue可以当做是网站首页,也可以写所有页面中共同需要的动画或者样式,不在他上面写代码也可以。只要你在router文件夹中的index.js填写好路由就ok
对应index.html,你也可以改,只不过需要在main.js哪里更改应用。说白了就就是一个普通vue文件,只不过命名为app.vue,类似于函数命名,语义化,让人更加一目了然看到这个是#入口vue文件
app.vue是vue页面资源的首加载项,是主组件,页面入口文件 ,所有页面都是在App.vue下进行切换的。也是整个项目的关键,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;
}
更多vue.js相关知识,可访问 Vue.js答疑 栏目!!