<div id="app">
  <my-handsome></my-handsome>
    <!--<div>哈哈 <span>zz</span></div>-->
</div>

<script>
    //1.组建名不要带有大写，多个单词用-
    //2.只要组建名和我们定义的名字相同是可以的（首字母可以大写）
    //3.html采用横线隔开命名法，JS使用驼峰命名法也是可以的
    Vue.component("my-handsome",{//名字相同,一个对象看也看成一个组件
        template:"<div>{{msg}}</div>",
        data(){
            //组件中的数据必须是函数类型的。返回一个实例作为组件的数据
            return {msg:"哈哈"}
        }
    })
    //用法：全局组建 可以声明一次在任何地方使用  局部组件 必须告诉这个组件属于谁
    //一般写插件的时候全局组件多一些

    let vm=new Vue({
        el:"#app"
    })
</script>
<!--分类 页面级组件 
1.一个页面是一个组件
2.将可复用的部分抽离出来 基础组件
一个自定义标签 vue就会把它看成一个组件 div a p span section header ...可以给这些标签赋予一定的意义
-->

转载请注明： Vue教程中文网 - 打造国内领先的vue学习网站-vue视频,vue教程,vue学习,vue培训 » vue中的compon方法详解