Vue:如何在vue-cli中创建并引入自定义组件

一、创建并引入一个组件

1、创建组件

vue-cli中的所有组件都是存放在components文件夹下面的,所以在components文件夹下面创建一个名为First.vue的自定义组件:

<template>
    <div>
        <h1>{{msg}}h1>
    div>
template>
<script>

// 1、export 表示导出,在自定义组件里面使用export default导出  
export default {
    // name 表示设置别名,可以不设置,建议和组件的名称一致
    name:"First",
    data(){
        return{
            msg:"First Vue"
        }
    }
}
script>

2、在App.vue组件里面引用First.vue组件

1、在

你可能感兴趣的:(Vue:如何在vue-cli中创建并引入自定义组件)