vue指令之v-bind

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue指令之v-bind相关的知识,希望对你有一定的参考价值。

v-bind指令用于绑定元素的属性

<img  v-bind:src="url" />

简写形式

<img  :src="url" />

new Vue({
el:‘#box‘,
data:{
url:‘https://www.baidu.com/img/bd_logo1.png‘
},
methods:{
}
});

以上是关于vue指令之v-bind的主要内容,如果未能解决你的问题,请参考以下文章

vue之---v-bind指令

Vue.js前端框架系统学习——Vue指令之v-for, v-on, v-bind, v-model

vue-language-server :迭代中的元素期望有 'v-bind:key' 指令

vue模板语法: 插值语法和指令语法以及v-bind指令使用

vue模板语法: 插值语法和指令语法以及v-bind指令使用

Vue指令:v-bind动态属性绑定