App.vue 可以当做是网站首页, 是一个 vue 项目的主组件, 页面入口文件 , 所有页面都是在 App.vue 下进行切换的. 是整个项目的关键, App.vue 负责构建定义及页面组件归集.
对应 index.html, 你也可以改, 只不过需要在 main.JS 哪里更改应用. 说白了就就是一个普通 vue 文件, 只不过命名为 App.vue, 类似于函数命名, 语义化, 让人更加一目了然看到这个是 #入口 vue 文件
App.vue 是 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">
- <MyTest/>
- </div>
- </template>
- <script>
- // 其他组件
- import MyTest from './components/MyTest.vue'
- export default {
- name: 'app',
- components: {
- MyTest
- }
- }
- </script>
- <style>
- </style>
更多前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/vue-js/16065.html