栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

基于Vue全局组件与局部组件的区别说明

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

基于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 后才能获取模板内容。尤其像这些元素

      ,,