Vue学习之自定义组件简单教程

第一步，创建自定义组件vue

<template>
    <div id="app">
        <h1>自定义组件!</h1>
    </div>
</template>

<script>
    export default {
        name: "MyView"//通过这个名字进行引用的
    }
</script>

第二步，进行引用

<template>
    <div id="app">
        <MyView></MyView>
    </div>
</template>

<script>
    import MyView from "./MyView";
    export default {
        name: "Test",
        components: {
            MyView,
        }
    }
</script>