【VUE】vue属性加冒号“：”和不加冒号“：”的区别？

最新推荐文章于 2024-02-28 14:33:58 发布
最新推荐文章于 2024-02-28 14:33:58 发布
阅读量1.2w 收藏 13
点赞数 2
分类专栏： 前端 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_31759203/article/details/105847313
版权

查看Vue的API文档时我们会发现冒号“：”其实是v-bind的缩写。
在这里插入图片描述

冒号后面为变量，会动态变化的值；一般属性后面为常量

「已注销」
关注
  • 2
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端开发：Vue组件中的冒号用法
软贱开发攻城狮
06-16 6581
在Vue组件的使用中某一变量名前面加冒号，其实是为了动态的绑定一个变量或者表达式。在Vue.js中明确有一节是关于冒号用法的，其实冒号是v-bind的缩写，也就是冒号用法就是v-bind用法。那么下面就来看看关于v-bind相关的内容。v-bind的缩写就是":"。预期：动态地绑定一个或者多个attribute，或者一个组件prop到表达式。在绑定class或者style attribute的时候支持其他类型的值，如数组或者对象。在绑定prop时，prop必须要在子组件中声明，可以用修饰符指定不同的绑定类型
vue 常用知识总结
木木木森林
04-19 1138
el只能在vue实例中使用。 ...
关于vue属性使用和不使用冒号的区别说明
01-18
vue中冒号：是v-bind的缩写。 一直最常见的做法是代表绑定一个变量。 但是我今天用到复选框是时候缺出现选不中的情况 备选项 checked:1但是没有选中 然后我想可能是没有写true-label，于是这样写。因为true-label接收一个数值或者字符串。我的默认值是数值。 备选项 但是还是没有选中 然后看了 但是定义的 checked:1类
vue笔记--vue属性加冒号“：”和不加冒号“：”的区别
最新发布
malinaZM的博客
02-28 550
el-radio :label="false">关闭打开关闭打开加冒号的，说明后面的是一个变量或者表达式；查看Vue的API文档时我们会发现冒号“：”其实是v-bind的缩写。输出：”true" 或 “false” 值是String类型。总结：冒号后面为变量，会动态变化的值；
Vue中在标签的属性中引用变量值 例如title src
weixin_42434282的博客
08-19 2908
Vue中在标签的属性中使用变量值 title中使用vue的变量
vue 组件中冒号的作用
青春不打烊的博客
01-09 5389
查看Vue的API文档时我们会发现冒号“：”其实是v-bind的缩写。 所以在使用上，一般的常量属性我们不用添加冒号；如果是会产生变化的值则要加上冒号。 加上了冒号是为了动态绑定数据，等号后面可以写变量。 如果不使用冒号，等号后面就可以写字符串等原始类型数据。这时就无法进行动态绑定数据了。 ...
vue中的属性的冒号：
流楚丶格念的博客
02-04 3524
说明 加冒号的，说明后面的是一个变量或者表达式； 没加冒号的后面就是对应的字符串字面量！ 例子： <el-radio-group v-model="handle"> <el-radio :label="true">打开</el-radio> <el-radio :label="false">关闭</el-radio> </el-radio-group> 输出：true 或 false 值是Boolea
为什么 Vue3.js / Element+ 组件属性前面有的需要添加冒号，有的不需要？
互联网从业者/大数据架构师/全栈开发者
03-07 5347
为什么 Vue3.js / Element+ 组件属性前面有的需要添加冒号，有的不需要？
Vue:（冒号）使用
m0_52364694的博客
06-03 692
:用于将原生标签属性绑定到自定义数据 <div id="app"> <!-- <span :title="message">33</span> --> <a :href="url">百度</a> </div> <script type="text/javascript"> var app = new Vue({ el:"#app",
Vue组件冒号:和@符号区别及介绍
qq_42129709的博客
03-20 1949
Vue组件冒号:和@符号区别及介绍
vue 函数调用加括号与不加括号的区别
01-18
在维护项目中就无法使用vue等技术来操作，所以一些方法用的是原生来写的，在绑定点击方法时，方法名没加括号，就没生效，加了括号就生效了，当时有疑惑的点是在之前做vue的项目中，我记得不加括号也是完全可以的，...
Vue系列：通过vue-router如何传递参数示例
01-19
使用vue-router 来实现webapp的页面跳转，有时候需要传递参数，做法如下： 参考文献：http://router.vuejs.org/en/named.html 主要有以下几个步骤： （1） 设置好路由配置 router.map({ '/history/:deviceId/:...
VUE 截取字符串的方法
07-30
适合刚刚进入(JavaScript，Vue)编程领域的小白使用
vue-basics:基本观点
04-09
使用指令：v-bind v-bind指令的简写：在属性前面添加冒号； 例如v-bind：href->：href 听事件 使用指令：v-on：name_of_event v-on指令的简写：在事件名称前添加@（通常是无效属性）； 例如v-on：click-> @click v-...
vue子组件的属性什么时候加冒号:
qq_35404122的博客
08-29 140
根据以上说明，可以看出只有当字符串以静态/常量形式传递时，才不需要也不能用v-bind传递。为什么不能用v-bind传递呢？我觉得主要是为了区分以下场景-- 此时value为数值，计算1+value的值为25 -->-- 此时value为字符串，计算1+value的值为124 -->-- 此时value为布尔值 -->-- 此时value为字符串 -->对于数组和对象，道理也是一样。即不加v-bind时，vue就认为此时通过prop传递给组件的是字符串常量。二）涉及父子组件的传值。
Vue组件的属性中“:“的用法
FangkunKr8s的博客
02-13 2900
Vue组件的属性中,有时加":",有时不加,原因是: 加冒号的，说明后面的是一个变量或者表达式，没加冒号的，后面就是对应的字符串字面量 例如， <el-form-item label="状态"> <el-switch v-model="brand.status" :active-value="1" :inactive-value="0" ></el-switch>
html自定义属性冒号,vue中标签上的属性加冒号与不加冒号的区别
weixin_39520393的博客
06-09 2872
今天vue的项目中，因为很多结构一样的条目，所以想到了使用循环。但是问题来了，每个条目的图标不一样，这就需要在循环中依次添加不同的字体图标的类名。直接使用class来操作，结果没有报错，但是图标也没有显示出来错误写法这让我疑惑，平常类名不就是这么加的吗？打开控制台一看，发现本来应该是替换成数据中的类名，并没有替换，还是item.icon,显然这样操作是不行的。那。。。。控制台上标签的类居然是ite...
Vue（标签属性：ref、配置项：props、混入mixin、插件、样式属性：scroped）
weixin_57920269的博客
05-02 1389
标签属性：ref、配置项：props、混入：使用相同配置、插件、样式属性
vue3 router配置 ？/:
09-07
在Vue 3中，路由的配置可以通过创建一个Router实例来完成。首先，你需要安装和导入Vue Router库。然后，你可以创建一个路由实例，使用`createRouter`函数，并传入一个包含路由配置的对象。在这个对象中，你可以定义`routes`属性，该属性是一个数组，包含了每个路由的配置信息。 对于你提到的"/:"这个路由配置，它表示一个动态路由参数，即在URL中可以接受一个参数。你可以在`routes`数组中添加一个对象配置该路由，使用`path`属性指定路由路径，并在路径中使用冒号(`:`)来定义参数的位置。例如，如果你想匹配一个路径为"/user/:id"的路由，其中:id表示用户的ID，你可以这样配置： ```javascript const routes = [ { path: '/user/:id', name: 'User', component: UserComponent } ]; ``` 在这个配置中，当访问"/user/1"时，路由将会匹配到该配置，并加载`UserComponent`组件。而且，你还可以通过`$route.params.id`访问到该动态参数的值。 最后，你需要在Vue应用中使用该路由实例，通过调用`app.use(router)`方法将其安装到Vue应用中。这将使你能够在应用中使用`<router-view>`和`<router-link>`组件来实现页面的渲染和导航。 总结起来，Vue 3中的路由配置需要安装Vue Router库，创建并配置一个路由实例，定义路由的路径和组件，并将路由实例安装到Vue应用中。在配置中使用冒号(`:`)来定义动态路由参数，并通过`$route.params`访问参数的值。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值