<万博manbetx平台>app.vue的作用是什么? - 万博manbetx平台中文网

app.vue的作用是什么?


app.vue的作用是什么?

app.vue可以当做是网站首页,是一个vue项目的主组件,页面入口文件 ,所有页面都是在App.vue下进行切换的。是整个项目的关键,app.vue负责构建定义及页面组件归集。

(相关课程推荐:Vue.js教程

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>

更多Vue.js相关技术文章,请访问Vue.js答疑栏目进行学习!

以上就是app.vue的作用是什么?的详细内容,更多请关注万博manbetx平台中文网其它相关文章!

赞(0) 打赏
未经允许不得转载:万博manbetx平台中文网首页 » Vue.js 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏