挑战百日学习计划(小程序开发)-第9天(Vue组件component)

打卡：第9天 .今日心得：复杂的问题必须要分步完成，才可以化繁为简。一个知识点如果不理解透彻，会造成很多误区。最终就会被丢弃记忆
每天进步1%，热爱学习不能自拔！虽然知识点不是很高深，但是先稳固基础的知识。循环渐进.争取在100天内能实现技术的质变！最终能实现（小程序开发：www.zkelm.com）的目标、

今天的主题：Vue之 组件component

1.component的创建（组件 既一个功能代码集，方便反复使用） 模块化开发的需求
语法：component(‘创建的元素’,{配置选项})

<component>{{msg}} </component>

创建的方法分两种：
1.局部创建

<div id="app">
   <myhtml></myhtml>
</div>
<script>
    new Vue({
      el:"#app",
      data:{
         
         },
     components:{
        myhtml:{
             template:"<b>这个是component定义的一个元素</b>"
            }
        }
       
       })
</script>

运行结果：

2.全局创建

<div id="app">
   <zkelm></zkelm>
</div>
<script>
  Vue.component('zkelm',{
     template:"<i>这里是全局创建的component元素</i>"
   })
   new Vue({
     el:"#app"
     })
</script>

运行结果：

问题： 全局组件 和局部组件的区别在哪里，有什么不一样吗？ 待续