今天，在看别人的写的七牛组件时，看到如下这种写法：
<div :id="pickfiles" class="btn">点击上传图片</div>
对于 :id="pickfiles", 这种写法一下懵逼了没明白过来，我看过更多的写法是例如 ：class="class1", :src=" " :title=" ", 后来到官方文档看了一下，发现其实它们代表的都是一个意思，属性的动态绑定，都是v-bind 的一种简写。
:id="pickfiles”，不是元素的id就是pickfiles，而pickfiles只是一个变量，它的存在必须在实例的data中去声明一下，如果在data对象中没有给pickfiles赋值，则在页面渲染时id是没有值的，下面我展示一下，当在data中给赋值与没有赋值的两张表现形式：
PS：从上面的显示的情况，可以看出 :id 后面的值仅仅只是一个变量，而不是真正的id名字，这是我今天对于v-vind指令的一点理解，做个笔记记录一下，希望能让自己更清晰的去认识Vuejs。
今天，在看别人的写的七牛组件时，看到如下这种写法： 点击上传图片 对于 :id="pickfiles", 这种写法...
?【Vue】学习养成记，【程序员必备小知识】 ? 今日小知识——Vue常用指令之v-bind v-bind指令是专...
引言 vue中“:”、“.”、“@”意义 “:” 是指令 “v-bind”的缩写“@”是指令“v-on”的缩写“....
v-bind： v-bind动态绑定指令，官方文档是这样来说的： 1.:v-bind动态绑定指令，默认情况下标签自...
Vue循环指令 Vue绑定指令： v-bind:style，v-bind:class： v-model双向数据绑定...
条件与循环 v-if v-for v-bind 指令将待办项传到循环输出的每个组件中 v-bind 定义点击事件·...
v-bind，绑定属性的一个指令 基本用法：v-bind:title="mytitle" or :title=...
Vue指令 v-bind （运行中动态）添加属性 Attribute 或传输到子组件中的 Props 中的数据。 ...
v-bind v-bind 特性被称为指令，v-bind是绑定属性的，如下边的例子：点击切换图片 其中用v-bin...
Mustache 语法不能作用在 HTML 特性上，遇到这种情况应该使用 v-bind 指令 指令 指令（dire...
本文标题：关于vue2 中v-bind指令的学习
本文链接：https://www.haomeiwen.com/subject/ohbbfxtx.html
网友评论