博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vue使用组件的细节点
阅读量:3906 次
发布时间:2019-05-23

本文共 691 字,大约阅读时间需要 2 分钟。

一:is属性的使用:

例如:

在这里插入图片描述

这样浏览器解析时会出现bug,html5规范要求table中有tbody,tbody必须要有tr。tbody解析不了row就会出现这种情况,这时我们使用is属性可以解决这个问题。同样的,ul、ol、select标签也是一样的,它们的li或option如果要用到组件也可以使用is属性。

在这里插入图片描述

二: 子组件data的使用
在子组件直接把data写成对象的形式是不行的,如

在这里插入图片描述

它说data应该是一个函数,我们这样写就可以了:

这样用函数返回一个对象的原因是一个子组件可能会使用多次,而这样做的好处是可以使子组件之间的互不影响,每一个子组件都有一个独立的数据存储。

三:ref
虽然vue并不推荐我们直接操作dom,但是在某些情况下,我们不得不来操作dom,在vue中我们通过ref引用的形式来获取dom并操作dom
this.refs指当前整个vue实例里面所有的引用

Hello World

this.$refs.hello就是指的是上面这个div元素

下面这些是通过组件通信和ref实现了一个简单的计数器的功能

		
{
{
total}}

转载地址:http://ycwrn.baihongyu.com/

你可能感兴趣的文章
.NET5全面拥抱Azure云,微软市值重回巅峰,那些年吹过的牛,都实现了!
查看>>
C# 中的 ref 已经被放开,或许你已经不认识了
查看>>
C#刷剑指Offer | 【常考题】最小的k个数
查看>>
【专题】多角度深入解析开放原子开源基金会
查看>>
在 Azure App Service 上启用 Application Request Routing
查看>>
使用 Xunit.DependencyInjection 改造测试项目
查看>>
谈谈.NET Core IServiceProvider
查看>>
一个.NET Core下的开源插件框架Pluginfactory
查看>>
基于阿里云日志服务快速打造简版业务监控看板
查看>>
集赞有礼!进击吧! Blazor !第六期 企业内部应用建设实战
查看>>
大象起舞——微软研发如何保持创新力和敏捷性
查看>>
Newbe.ObjectVisitor 0.2.10 发布,更花里胡哨
查看>>
寻找性能更优秀的动态 Getter 和 Setter 方案
查看>>
跟我一起学.NetCore之EF Core 实战入门,一看就会
查看>>
.NET架构小技巧(8)——优待异常
查看>>
一款基于.NET Core的认证授权解决方案-葫芦藤1.0开源啦
查看>>
寻找性能更优秀的不可变小字典
查看>>
项目开发中经常有一些被嫌弃的小数据,现在全丢给 FastDFS
查看>>
EntityFramework Core上下文实例池原理
查看>>
C# 8: 可变结构体中的只读实例成员
查看>>