bind的初使用

Posted 2021-06-21 高不高

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了bind的初使用相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>

<script src="../vue.js"></script>
<div id="app">
  <!--不可以使用mustache语法-->
  <!--<img src="{{imgUrl}}"-->
  <!--正确使用v-bind-->
  <img v-bind:src="imgUrl" alt="zhaobud">
  <img v-bind:href=imgUrl alt="zhaobud">
  <!--语法糖的写法-->
  <img :src="imgUrl" alt="zhaobud">
</div>
<script>
  const vm = new Vue({

    el : \'#app\',
    data:{
      message:\'hello\',
      imgUrl:\'https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png\'
    }


  })

</script>
</body>
</html>

以上是关于bind的初使用的主要内容，如果未能解决你的问题，请参考以下文章

26个jQuery代码片段使用技巧

实用代码片段将json数据绑定到html元素（转）