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>


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章