×

VUE中在app.vue怎么引入组件

作者:andy0012020.05.07来源:Web前端之家浏览:22135评论:0
关键词:vueapp.vue

vue的思想就是组件化开发 那么我们一定要学会怎么把众多的组件引入到入口文件里面,然后进行组件化开发,这样方便维护。
app.vue引入组件很方便,通过import进行导入,然后在template中使用即可。

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

您的支持是我们创作的动力!
温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/js808slvue832049832908.html

网友评论文明上网理性发言 已有0人参与

发表评论: