vue2知识点:组件is属性

简介: vue2知识点:组件is属性

image.png

@[toc]

3.7 is 属性

问题:为什么在table标签中直接使用自定义组件,无法正常显示?

原因:
DOM解析时会解析到<table>标签的外部,table/ol/ul/select 这种html标签有特殊的结构要求,不能直接使用自定义标签。他们有自己的默认嵌套规则,比如:
                table> tr> [th, td];
                ol/ul > li;
                select > option
<body>   
    <div id="app">
       <table>
           <tr is="hello"></tr><!--在tr中+is,相当于在tr中加入一个全局组件,而且认同它-->
       </table>
    </div>
</body>
<script type="text/javascript">
    /*定义全局组件*/
    Vue.component('hello',{
   
        template:"<h1>你愁啥!</h1>"
    })
    new Vue({
   
        el:"#app",
        data:{
   

        }
    })
</script>

本人其他相关文章链接

1.《基础篇第1章:vue2简介》包含Vue2知识点、个人总结的使用注意点及碰到的问题总结

2.《基础篇第2章:vue2基础》包含Vue2知识点、个人总结的使用注意点及碰到的问题总结

3.《进阶篇第3章:vue进阶-组件》包含组件、自定义事件、插槽、路由等等扩展知识点

4.《基础篇第4章》:使用vue脚手架创建项目

5.vue2知识点:数据代理

6.vue2知识点:事件处理

7.vue2知识点:列表渲染(包含:v-for、key、取值范围、列表过滤、列表排序、vue监视对象或数组的数据改变原理、总结vue数据监测)

8.vue2知识点:计算属性与监听属性

9.vue2知识点:生命周期(包含:生命周期介绍、生命周期钩子、整体流程图详解)

10.vue2知识点:非单文件组件和单文件组件

11.vue2知识点:组件is属性

12.vue2知识点:组件模板定义

13.vue2知识点:组件的props属性、非props属性、props属性校验

14.vue2知识点:组件自定义事件

15.vue2知识点:组件插槽分发

16.vue2知识点:动态组件

17.vue2知识点:混入

18.vue2知识点:浏览器本地缓存

19.vue2知识点:全局事件总线(GlobalEventBus)

20.vue2知识点:消息订阅与发布

21.vue2知识点:nextTick语法

22.vue2知识点:Vue封装的过度与动画

23.vue2知识点:路由

24.vue2知识点:vm调用待$命令介绍

25.vue组件通信案例练习(包含:父子组件通信及平行组件通信)

26.vue表单案例练习:vue表单创建一行数据及删除数据的实现与理解

27.vue2基础组件通信案例练习:待办事项Todo-list案例练习

28.vue2基础组件通信案例练习:把案例Todo-list改写成本地缓存

29.vue2基础组件通信案例练习:把案例Todo-list改成使用自定义事件

30.vue2基础组件通信案例练习:把案例Todo-list改成使用全局事件总线

31.vue2基础组件通信案例练习:把案例Todo-list改成使用消息订阅与发布

32.vue2基础组件通信案例练习:把案例Todo-list新增编辑按钮

33.vue2基础组件通信案例练习:把案例Todo-list改成使用动画与过度

34.学习vue2遇到过的问题及个人总结

目录
相关文章
|
10月前
|
JavaScript 前端开发
VUE基础知识:什么是Vue组件?如何定义一个Vue组件?
VUE基础知识:什么是Vue组件?如何定义一个Vue组件?
77 2
|
5月前
|
缓存 JavaScript
vue2知识点:组件模板定义
vue2知识点:组件模板定义
59 4
|
5月前
|
Java
vue3知识点:Teleport组件
vue3知识点:Teleport组件
56 1
|
5月前
|
缓存 JavaScript
vue2知识点:动态组件
vue2知识点:动态组件
53 1
|
5月前
|
JavaScript 程序员 开发者
你真的完全了解vue组件的概念吗?
【10月更文挑战第7天】你真的完全了解vue组件的概念吗?
|
10月前
|
JavaScript
【vue】深入探讨vue中组件间多种传值方式
【vue】深入探讨vue中组件间多种传值方式
【vue】深入探讨vue中组件间多种传值方式
|
Web App开发 JavaScript 前端开发
Vue学习之Vue原理与Vue基础语法、事件标签总结
Vue主要的就是MVVM的实现,它既实现了Anguler的模块化开发,又实现了React的虚拟DOM,但是作为一个后端开发人员,我们只要求会用就可以,并不用去了解ES6标准、Node.js啥的,在这里就Vue简单的一些操作进行梳理一下。
115 0
|
10月前
|
JSON JavaScript 前端开发
前端框架vue的样式操作,以及vue提供的属性功能应用实战
前端框架vue的样式操作,以及vue提供的属性功能应用实战
102 0
|
10月前
|
缓存 C++
总结 Vue3 的一些知识点:Vue3 计算属性
总结 Vue3 的一些知识点:Vue3 计算属性
|
10月前
|
缓存 JavaScript
VUE基础知识: Vue中的计算属性和侦听器有什么区别?
VUE基础知识: Vue中的计算属性和侦听器有什么区别?
113 1