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

技术标签: 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

智能推荐

Resources$NotFoundException: String resource ID #0xc /#0x86 报错原因-程序员宅基地

运行时出现android.content.res.Resources$NotFoundException: String resource ID #0xc查了好久才找出到了问题定义的数组为: private int[] image = { R.drawable.img_1, R.drawable.img_2,R.drawable.img_3 };private String

利用手机的GPS获取经纬度_java 通过手机的gps功能获取经纬度信息-程序员宅基地

package com.example.aman.whereami;import android.Manifest;import android.app.AlarmManager;import android.app.Notification;import android.app.NotificationManager;import android.app.PendingIntent;_java 通过手机的gps功能获取经纬度信息

jQuery easyUI datagrid绑定数据库-程序员宅基地

在这里给出简单的数据绑定代码,在前端页面的代码编写中,其实要注意的地方不是很多,利用jQuery easyUI 提供的API 就可以写出来了,主要是后台应用程序的写法,数据的绑定都是可以在这里完成的,所以对于处理一般应用程序的时候我是这样考虑的:1、创建一个相关的.ashx文件是必须的,2、成功连接数据库,获取数据里的数据表的内容(注意,这里要获得数据库的相应的表dataT

python 十进制转十六进制 蓝桥_py十进制转化为十六进制-程序员宅基地

试题 基础练习 十进制转十六进制问题描述十六进制数是在程序设计时经常要使用到的一种整数的表示方式。它有0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F共16个符号,分别表示十进制数的0至15。十六进制的计数方法是满16进1,所以十进制数16在十六进制中是10,而十进制的17在十六进制中是11,以此类推,十进制的30在十六进制中是1E。 给出一个非负整数,将它表示成十六进制的形式。  输入格式输入包含一个非负整数a,表示要转换的数。0<=a<=2147483647输出_py十进制转化为十六进制

"libcudnn.so.5 cannot open shared object file: No such file or directory"-程序员宅基地

"libcudart.so.8.0 cannot open shared object file: No such file or directory"解决办法是将一些文件复制到/usr/local/lib文件夹下:#注意自己CUDA的版本号!sudo cp /usr/local/cuda-8.0/lib64/libcudart.so.8.0 /usr/local/lib/libcud

关阅读JDK源码的看法-程序员宅基地

转自:http://zwchen.iteye.com/blog/1154193源码阅读,我觉得最核心有三点:技术基础+强烈的求知欲+耐心。说到技术基础,我打个比方吧,如果你从来没有学过Java,或是任何一门编程语言如C++,一开始去啃《Core Java》,你是很难从中吸收到营养的,特别是《深入Java虚拟机》这类书,别人觉得好,未必适合现在的你。虽然Tomcat的源码很漂亮,但我绝不建议你...

随便推点

第四十三天-程序员宅基地

1 web 应用 2 c/s 和bs架构 3 python中的web框架 a :socket b:路由跟视图函数匹配关系 c:模板渲染django: a: 用了别人的wsgiref b:自己写的 c:自己写的 flask: a:用了别人的 b:自己写的 c:用了别人的:jinja2 tornado: a 自己写的 ...

android gps节能模式,关闭这七项设置 让你的小米手机更省电-程序员宅基地

原标题:关闭这七项设置 让你的小米手机更省电如今,使用小米手机的人越来越多。虽然小米手机的性能几乎可以满足所有人的需求,不过高性能带来的耗电问题却十分让人头疼。今天,我就为大家介绍7种小米手机的省电方法,让你的手机拥有更长的待机时间! ● 关闭WiFi休眠连接如果你注意过手机的硬件耗电情况,一定可以发现,WiFi无论在任何场景下,都能跻身硬件耗电Top5。因此,对于WiFi连接进行设置绝对可以让我..._小米gps定位怎么省电

[大数据]Scala 利用Akka 实现RPC框架-程序员宅基地

Scala 利用Akka 实现RPC框架1 介绍项目介绍:目前大多数的分布式架构底层通信都是通过RPC实现的,RPC框架非常多,比如前我们学过的Hadoop项目的RPC通信框架,但是Hadoop在设计之初就是为了运行长达数小时的批量而设计的,在某些极端的情况下,任务提交的延迟很高,所有Hadoop的RPC显得有些笨重。Spark 的RPC是通过Akka类库实现的,Akka用Scala语言开...

SpringCloud——Zuul网关的简单实现_spring boot实现 简易 网关-程序员宅基地

启动类:package edu.xatu;import org.springframework.boot.SpringApplication;import org.springframework.cloud.client.SpringCloudApplication;import org.springframework.cloud.netflix.zuul.EnableZuulProxy..._spring boot实现 简易 网关

PgSQL数据库查询某些字段为null的解决_查询pgsql如何去掉一列中为null的数据-程序员宅基地

情况描述:sql语句在数据库里面可以正常查询结果,所有字段都有值,但是在代码里面一跑,返回的数据有几个字段是null原因:数据库中的字段有下划线,eg:role_id解决办法:去掉字段的下划线就可以了..._查询pgsql如何去掉一列中为null的数据

Win7+OpenCV2.4.10+VS2010安装教程-程序员宅基地

下载解压OpenCV 2.4.10首先在http://www.opencv.org.cn/中文官网上下载OpenCV的最新版本(截止2014/10/29),然后解压安装。我的安装目录是:D:\Program Files,得到opencv一个大的文件夹,其中包括build和sources两个文件夹;环境变量的配置修改环境变量,直接添加一个PATH用户变量或者修改一个P