v-bind的基本使用

绑定到属性里面,而非文本

动态决定属性

比如图片的src属性

v-bind的基本使用_第1张图片

v-bind的基本使用_第2张图片

 99ff4fb89f22405ab16c862f412c84e6.png

不可以这样把mustache写在属性内 

mustache必须写在内容里面,不能写在属性里面

v-bind的基本使用_第3张图片

什么效果都没有

90933c76e26e492bad72eb5f3007d4ec.png

同样无效 

使用v-bind动态替换图片地址

697fa7e7572e485dae642a62c30845ae.png

c091e8b615694965b5845b5bdf8a23d6.png

 imgUrl有无引号效果一样

v-bind的基本使用_第4张图片

 v-bind的基本使用_第5张图片

 v-bind的基本使用_第6张图片




  
  Title








你可能感兴趣的:(vue学习,前端,html,vue.js)