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&<div style="color:transparent">来源gaodai.ma#com搞##代!^码网</div>#39; 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>
更多前端开发知识,请查阅 搞代码网 !!
以上就是app.vue什么作用?的详细内容,更多请关注gaodaima搞代码网其它相关文章!