91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

vue的數據綁定有哪些方式

養魚的貓咪
383
2021-03-29 14:49:07
欄目: 編程語言

vue中實現數據綁定的方式有:1.使用Mustache語法單向綁定數據;2.通過v-bind指令綁定html屬性;3.通過v-once指令一次性綁定數據;

vue的數據綁定有哪些方式

vue中實現數據綁定的方式有以下幾種

1.使用Mustache語法實現數據單向綁定

<div id="app">

  <p>{{text}}</p>

</div>

<script>

  var app = new Vue({

    el: '#app',

    data: {

      text: 'text content'

    }

  });

</script>

2.通過v-bind指令綁定html屬性

<div id="app">

  <p title={{title}}></p>

  <p v-bind:title="title"></p>

  <p :title="title"></p>

</div>

<script>

  var app = new Vue({

    el: '#app',

    data: {

      title: 'title content'

    }

  });

</script>

3.通過v-once指令實現數據一次性綁定

<div id="app">

  <p v-once>{{once}}</p>

</div>

<script>

  var app = new Vue({

    el: '#app',

    data: {

      once: 'once content'

    }

  });

  app.once = 'changed content';

</script>


0
尉氏县| 广汉市| 镶黄旗| 老河口市| 湘阴县| 佛冈县| 宁国市| 仪征市| 鞍山市| 竹北市| 双峰县| 临西县| 盐亭县| 碌曲县| 安庆市| 大理市| 安平县| 肥城市| 陇南市| 繁峙县| 鲁山县| 南丰县| 灵宝市| 桂东县| 泸水县| 吴川市| 彭州市| 慈利县| 鹰潭市| 兴安盟| 宜兰县| 钦州市| 宁德市| 西乌| 六盘水市| 德庆县| 宁城县| 武定县| 磐石市| 景洪市| 阜平县|