app.vue怎么引入组件

app.vue怎么引入组件

vue的思想就是组件化开发 那么我们一定要学会怎么把众多的组件引入到入口文件里面，然后进行组件化开发，这样方便维护。

app.vue引入组件很方便，通过import进行导入，然后在template中使用即可。

（相关课程推荐：Vue.js教程）

<template>
    <div id="app">
        <Header></Header>(注意：H一定要大写 跟header标签区别开来)
    </div>
</template>
<script>
    // 导入header.vue文件
    import Header from './components/header.vue'
    export default {
        components: {
            Header
        }
    }
</script>

这样子就成功引入组件了。

本文来自Vue.js答疑栏目，欢迎学习！

以上就是app.vue怎么引入组件的详细内容，更多请关注0133技术站其它相关文章！