(六)Component初识组件

本节知识点

• 组件识vue的核心，必须要学好。组件就是自定义标签。这些标签在HTML中是没有的比如
• Vue.conmponent

(一)全局化组件

全局化就是在构造器外部使用Vue.component来注册

• 全局组件必须要写在实例化前面

代码

• 这样可以看到组件在不同的构造器里面都能使用

局部化组件 只能在规定的组件里面使用。出了组件使用不了

特别注意的就是components后面必须要有s否则不起作用 局部的就只能局部使用，出了容器就使用不了
局部加S ，全局不加S

Vue.component和Vue.extend的区别

• extend 是构造一个组件的语法容器。简单来说你给他参数他给你一个组件。然后这个组件你可以作用到Vue.component这个全局注册方法里，任意vue模板均可使用

var hello = Vue.extend({xxxxx});
Vue.component("hello",hello);

你也可以作用到局部中

new Vue({
  components:{
    hello:hello
   }
})

所以两者是不一样的。Vue.extend创建以后必须要挂载。而Vue.component不需要