vue的is和v-bind:is怎么用-程序员宅基地

技术标签: vue  is  

首先我们要明白v-bind的意义:

<component v-bind:is="current"></component>

如果出现了v-bind那么加载在这个组件的时候,会去创建的vue实例对象的data里找值:

var vm = new Vue({
	el: '#app',
	data: function(){
		return {
			current: 'sub'
		}
	}
})

如图所示,找到sub,现在就等同于用sub替换了current:

<component is="sub"></component>

注意,这里:is变成了is,因为我们已经成功的从vm里面取到了current,剩下的事情就是去找到这个叫做sub的component:

Vue.component('sub',{
	...
})

最后这个标签代表的内容就变成了:

<sub></sub>

对于:is=‘current’来说,总的流程如下:

  1. 去vue实例的data里找到current对应的值
  2. 用这个值再去所有的component里找到对应的component

对于is=‘current’来说,总的流程如下:

  1. 直接用current去所有的component里找到对应的component
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_43873005/article/details/89575053

智能推荐

wince 移植_wince移植-程序员宅基地

文章浏览阅读1.9k次。近期,公司让我负责一个嵌入式消费产品的开发项目。此产品原来的操作系统是WinCE 5.0,现在因应市场需求不但要增加功能更加强大的硬件,而且公司也要求把操作系统升级为WinCE 6.0。在接手此项目后,我立即开始进行操作系统的定制开发,但结果却是欲速则不达。 后来,我在时_wince移植

Windows 使用QT读取IP地址并修改IP地址_qtchar 赋值ip-程序员宅基地

文章浏览阅读9.2k次,点赞2次,收藏44次。读取Windows的IP地址有三种方法:QT的QNetworkInterface IPHlpApiQT的QSettings读注册表修改windows的IP地址使用 netshnetsh interface ipv4 set address name = "以太网" source = static address = 192.168.0.106 mask = 255.255.255.0 gate..._qtchar 赋值ip

小程序实现点击复制内容功能_编写小程序 打开网页+复制+粘贴到txt-程序员宅基地

文章浏览阅读2.5k次。x.wxml<view class="margin-30"> <text>点击下方按钮复制链接地址并用浏览器打开</text> <text class='shopName' bindtap='textPaste'></text> <button bindtap="textPaste">点击复制</butto..._编写小程序 打开网页+复制+粘贴到txt

在Word文档中快速插入水平线-程序员宅基地

文章浏览阅读889次。word插入的直线位置变了When you want to quickly insert a horizontal line into your Word document instead of going through the Borders and Shading dialog box in the Ribbon here is a keyboard shortcut to save you..._插入 horizontal

matlab车牌识别课程设计报告模板(附源代码)-程序员宅基地

文章浏览阅读2.7k次,点赞7次,收藏81次。基于MATLAB的车牌识别系统一、课程设计目的车牌定位系统的目的在于正确获取整个图像中车牌的区域,并识别出车牌号。通过设计实现车牌识别系统,能够提高学生分析问题和解决问题的能力,还能培养一定的科研能力。二、设计原理:牌照自动识别是一项利用车辆的动态视频或静态图像进行牌照号码、牌照颜色自动识别的模式识别技术。其硬件基础一般包括触发设备、摄像设备、照明设备、图像采集设备、识别车牌号码的处理机等,其软件..._matlab车牌识别实验报告

Linux常用命令汇总(2023.02.20更新)_linux命令入门-程序员宅基地

文章浏览阅读1.2w次,点赞21次,收藏112次。在Linux操作系统中,用户在命令行shel中通过shell命令简单粗暴有效的和内核交互~1.Linux中执行Shell的方式Linux中执行shell的方式有两种:虚拟终端图形界面中的终端模拟器(terminal)1.1.虚拟终端在桌面环境下使用命令Ctrl+Alt+F1~F6即可打开终端,使用命令Ctrl+Alt+F7即可返回桌面环境:1.2.图形界面中的终端模拟器在图..._linux命令入门

随便推点

mysql grant priv_mysql怎么将grant priv的权限-程序员宅基地

文章浏览阅读2.8k次。推荐答案grant 权限 on 数据库对象 to 用户一、grant 普通数据用户,查询、插入、更新、删除 数据库中所有表数据的权利。grant select on testdb.* to common_user@’%’grant insert on testdb.* to common_user@’%’grant update on testdb.* to common_user@’%’gran..._mysql grant_priv

java连接sql,找不到com.microsoft.sqlserver.jdbc.SQLServerDriver的问题_java.sql.sqlexception: com.microsoft.sqlserver.jdb-程序员宅基地

文章浏览阅读1.5k次。java连接sql,找不到com.microsoft.sqlserver.jdbc.SQLServerDriver的问题_java.sql.sqlexception: com.microsoft.sqlserver.jdbc.sqlserverdriver

CAD参数绘制块引用对象(网页版)_drawblockreference-程序员宅基地

文章浏览阅读195次。主要用到函数说明:_DMxDrawX::DrawBlockReference绘制块引用对象。详细说明如下:参数 说明 DOUBLE dPosX 插入点的X坐标 DOUBLE dPosY 插入点的Y坐标 BSTR pszBlkName 图块名 D..._drawblockreference

IDEA+Java+JSP+Mysql+Tomcat实现Web图书管理系统(1)-程序员宅基地

文章浏览阅读465次,点赞14次,收藏8次。由于篇幅限制,pdf文档的详解资料太全面,细节内容实在太多啦,所以只把部分知识点截图出来粗略的介绍,每个小节点里面都有更细化的内容!点击【学习资料】即可免费领取!@return*//**根据图书编号进行查询@param id@return*/由于篇幅限制,pdf文档的详解资料太全面,细节内容实在太多啦,所以只把部分知识点截图出来粗略的介绍,每个小节点里面都有更细化的内容!点击【学习资料】即可免费领取![外链图片转存中…(img-VIfqtGQZ-1713494366397)]

windows安全加固_windows安全加固脚本-程序员宅基地

文章浏览阅读1.2k次,点赞3次,收藏10次。目的:通过审核策略,记录登录系统登录事件,对象访问事件,软件安装事件,安全事件等。目的:根据系统要求,设定不同账户和组,管理员、数据库sa、审计用户、来宾用户等。目的:删除或锁定与设备运行,维护等工作无关的账号,提高系统账号安全性。**“审核特权使用” 设置为”**成功“和”失败“都要审核。**”审核策略更改“**设置为”成功“和”失败“都要审核。目的:减少账户被爆破的可能性,提高系统访问安全性。目的:关闭不必要的服务,提高系统性能和安全性。目的:防止弱口令出现,降低被爆破的可能性。_windows安全加固脚本

ARM9异常种类及优先级。-程序员宅基地

文章浏览阅读3.1k次。ARM9异常种类及优先级。_arm9

推荐文章

热门文章

相关标签