vue2.x中的：is和is的区别

最新推荐文章于 2024-07-05 23:33:29 发布
最新推荐文章于 2024-07-05 23:33:29 发布
阅读量417 收藏
点赞数
分类专栏： vue 文章标签： vue2.x
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_27514587/article/details/102867147
版权
本文通过实践探讨Vue2.x中动态组件的使用，重点在于理解`:is`和`v-bind:is`的区别。`:is`用于动态渲染组件，若指定值存在于data中，则根据数据绑定渲染相应组件；两者都能实现动态组件效果，但`:is`要求绑定的值是子组件名称。
摘要由CSDN通过智能技术生成

此文首发于 https://lijing0906.github.io
最近，工作之余在翻阅vue.js的官方文档，在查看到动态组件和解析 DOM 模板时的注意事项的时候，讲到一个特殊的is特性，觉得很有意思，就来写一篇自己理解的总结。

现场

dynamicComponent
resolveDOM

写栗子实践

其实看过之后，其实是有点懵的，这两个有啥区别，怎么用呢？

仔细分析，没那么难懂，参考

最低0.47元/天 解锁文章
Jane_Lee18
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
详解Vue.js搭建路由报错 router.map is not a function
10-19
**解决方法2：使用Vue Router 2.x的新API** 如果你的项目需要使用Vue Router 2.x或更高版本，那么你需要调整配置方法以适应新的API。在Vue Router 2.x中，配置路由的方式是通过`routes`属性，而不是`map`。以下是一...
Vue3.x中使用JavaScript表达式 、条件判断、 计算属性和watch侦听.zip
05-08
在Vue2.x中，我们只能在模板中使用简单的属性绑定（`v-bind`）和事件处理（`v-on`），而在Vue3.x中，模板可以直接包含更复杂的JavaScript表达式。这意味着你可以直接在模板中进行计算、比较、逻辑操作等。例如，`...
vue2.0中的：is和is的区别
weixin_33816821的博客
11-02 204
此文首发于 lijing0906.github.io 最近，工作之余在翻阅vue.js的官方文档，在查看到动态组件和解析 DOM 模板时的注意事项的时候，讲到一个特殊的is特性，觉得很有意思，就来写一篇自己理解的总结。 现场 写栗子实践 其实看过之后，其实是有点懵的，这两个有啥区别，怎么用呢？ 仔细分析，没那么难懂，参考这篇博客，我们也写一个栗子来试试 我们平时用局部注册的情况更多些，那我就写...
is与:is的用法和区别（Vue）
succuba_ckr的博客
09-22 6245
首先说一下is的用法 有些元素内部不能使用自定义标签或者自定义标签内也不能放某些特殊的标签，这时候就要用is代替一下，让HTML语法符合规则验证。是属于指定要在内部使用的标签。 在自定义组件中使用这些受限制的元素时会导致一些问题，例如： <ul>里面不能直接放组件，只能放li。那解决方法就是用Is   借用jomornt的文章vue中is与:is的区别，做一个区别直观解...
Vue2基础
最新发布
一+一加1的博客
07-05 838
分析vue中生命周期点我+1点我销毁vm
vue2.0+ 使用keep-alive 以及is属性
fly_wugui的博客
08-13 980
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ list-sty
vue2知识点：组件模板定义
刘大猫
05-26 1040
文章目录3.8模板3.8.1直接字符串3.8.2 x-template模板3.8.3 template标签3.8.4 省略is 3.8模板 当模板的 html 结构比较复杂时，直接在 template 属性中定义就不现实了，效率也会很低，此时我们可以使用模板，定义模板的四种形式: 问题：什么叫在使用字符串模板、x-template模板和.Vue组件时，不需要is进行转义？ 答案：不需要转义如图1，需要转义如图2（详情请看知识点导航3.4.4） <script type="text/x-temp.
vue中提示$index is not defined错误的解决方式
11-19
在Vue.js框架中，$index 是一个特殊变量，它在 Vue 1.x 版本中被用来在 `v-for` 循环中访问当前项的索引。然而，随着 Vue 2.0 的发布，一些 API 和语法进行了调整，其中包括对 `v-for` 的处理方式。当你在 Vue 2.0 ...
3.（vue3.x+vite）class动态绑定的方式.rar
09-15
在这个教程中，我们将深入探讨如何在Vue 3.x和Vite项目中实现这一功能。 首先，Vue 3.x引入了模板语法的增强，如模板插值、v-bind指令以及计算属性等，它们都可以用来动态绑定class。`v-bind:class`是Vue中用于绑定...
Vue 2.X的状态管理vuex记录详解
08-31
Vue 2.x的状态管理是应用开发中的关键部分，特别是当项目变得复杂，组件间的交互变得频繁时。Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式，它采用集中式存储管理应用的所有组件的状态，并以相应的规则确保...
vue :is的用法
jieweiwujie的博客
10-17 2345
由于使用ul标签下只能识别li标签，所有添加的组件不能识别，因此要使用转义 :is <ul> <component :is="componentA"></component> </ul> componentA 就是一个子组件 可以使用is 直接传递一个组件 也可以使用:is 查找父组件中的一个赋值，然后找到相应的组件(for循环) ...
vuejs的：is和is使用和区别
sunnyjingqi的博客
01-21 1445
vue中is特性        将已写好的组件挂载到已存在的元素上，遇到某些元素,此时的组件将失去作用，比如：                    &lt;ol&gt; &lt;ul&gt;-----------------认&lt;li&gt;               &lt;table&gt;--------------------认&lt;tr&gt;             ...
关于Vue中:is作用的浅析
qq_39039287的博客
10-31 334
1.:is特性进行动态内容切换 <div id="app"> <button @click="changeComponent('component1')">A</button> <button @click="changeComponent('component2')">B</button> //点击按钮进行数据切...
vue中is的作用和用法
W Y L
07-23 944
is的作用 <ul> <li></li> <li></li> <li></li> </ul> 总所周知，ul里面嵌套li的写法是html语法的固定写法（还有如table,select等）。 //code1 <ul> <my-component></my-component> <my-component></my-component&gt
Vue中is属性的使用
qq_43742385的博客
03-09 2878
Vue中is属性的使用 前言: 在读官方文档的时候看到了is属性，现对其做总结 用法一：动态的切换组件 <div id="app"> <button @click="changeComponent('component1')">组件1</button> <button @click="changeComponent('component2')">组件2</button> <!-- 通过is特性,可以动态切换当前组件
is属性用法 vue_vue 动态组件(component :is) 和 dom元素限制(is)用法说明
weixin_39659837的博客
01-27 1578
一、is的使用参考Vue 2.0教程，有讲到 is 的使用：解析 DOM 模板时的注意事项有些 HTML 元素，诸如 、、 和 ，对于哪些元素可以出现在其内部是有严格限制的。而有些元素，诸如 、 和 ，只能出现在其它某些特定的元素内部。这会导致我们使用这些有约束条件的元素时遇到一些问题。例如：这个自定义组件 会被作为无效的内容提升到外部，并导致最终渲染结果出错。幸好这个特殊的 is 特性给了我们...
学习vue2遇到过的问题及个人总结
刘大猫
05-26 2234
学习使用vue2时，碰到的问题及个人总结介绍
【VUE】vue2与vue3动态组件
编码世界
09-25 3326
vue2中 is是通过组件名称切换的，vue3中setup是通过组件实例切换的。直接把组件实例放到reactive中代理，vue会发出警告。告知我们可以通过shallowRef 或者 markRaw 跳过proxy 代理。对组件实例进行响应式代理毫无意义，且浪费性能。
Vue2学习笔记
小哈的博客
06-30 817
快速学习Vue2
Invalid options in vue.config.js: "root" is not allowed
04-16
在Vue.js中，vue.config.js是一个用于配置Vue项目的配置文件。当在vue.config.js中使用了无效的选项时，会出现类似"Invalid options in vue.config.js: 'root' is not allowed"的错误提示。 这个错误提示表示在vue.config.js中使用了不允许的选项"root"。"root"选项是Vue CLI 2.x版本中的一个配置选项，但在Vue CLI 3.x版本中已经被移除了。因此，如果你在Vue CLI 3.x版本的项目中使用了"root"选项，就会出现这个错误。 解决这个问题的方法是将"root"选项从vue.config.js中移除或者替换为适用于Vue CLI 3.x版本的其他选项。具体要根据你的项目需求来确定需要修改的选项。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值