App.vue 可以当做是网站首页, 也可以写所有页面中共同需要的动画或者样式, 不在他上面写代码也可以. 只要你在 router 文件夹中的 index.JS 填写好路由就 ok
对应 index.html, 你也可以改, 只不过需要在 main.JS 哪里更改应用. 说白了就就是一个普通 vue 文件, 只不过命名为 App.vue, 类似于函数命名, 语义化, 让人更加一目了然看到这个是 #入口 vue 文件
App.vue 是 vue 页面资源的首加载项, 是主组件, 页面入口文件 , 所有页面都是在 App.vue 下进行切换的. 也是整个项目的关键, App.vue 负责构建定义及页面组件归集.
- <template>
- <div id="app">
- <img src="./assets/logo.png">
- <hello></hello>
- </div>
- </template>
- <script>
- import Hello from './components/Hello'
- export default {
- name: 'app',
- components: {
- Hello
- }
- }
- </script>
- <style>
- #App {
- font-family: 'Avenir', Helvetica, Arial, sans-serif;
- -webkit-font-smoothing: antialiased;
- -moz-OS X-font-smoothing: grayscale;
- text-align: center;
- color: #2c3e50;
- margin-top: 60px;
- }
- </style>
更多 vue.js 相关知识, 可访问 Vue.JS 答疑 https://www.html.cn/qa/vue-js/ 栏目!!
来源: http://www.css88.com/qa/vue-js/15084.html