兵腾傲宇
兵腾傲宇

深入浅析Vue全局组件与局部组件的区别

1、组件声明

 
 

var FATHER = { 
  template: "#father", 
  data: function() { 
     return { 
       name: "一个全局组件-模板-", 
       data: "数据：18892087118" 
     } 
   } 
 };

2、组件注册

Vue.component('father', FATHER);

3、组件挂载

全局组件1

4、组件实例

 
 
 
  vue2.0 --- 局部组件与全局组件 
 
 
  
vue2.0局部组件与全局组件
 
  
 
    
局部组件
 
     
    
 
    
全局组件1
 
     
    
 
    
全局组件2

6、特殊的属性is

当使用 DOM 作为模板时 (例如，将el选项挂载到一个已存在的元素上)，你会受到 HTML 的一些限制，因为 Vue 只有在浏览器解析和标准化 HTML 后才能获取模板内容。尤其像这些元素

    ，
      ，，