vue 经常使用操做

时间 2019-12-09

标签 vue 经常使用繁體版

原文原文链接

1. 绑定 dom 属性 :attr="var"javascript

<div id="active">
  <img :src="banner">
</div>

<script>
  active = new Vue({
    el: '#active',
    data: {
      banner: '../img/banner.jpg'
    }
  })
</script>

2. 绑定样式 v-bind:style="{ }"html

<div id="active">
  <div v-bind:style="{ height: hig+'px' }"></div>
</div>

<script>
  active = new Vue({
    el: '#active',
    data: {
      hig: 120
    }
  })
</script>

3. 绑定 html 代码 v-html="var"java

<div id="active">
    活动介绍：
  <div v-html="desc"></div>
</div>

<script>
  active = new Vue({
    el: '#active',
    data: {
      desc: "活动时间<p>2018-10-10"
    }
  })
</script>

4. data 变量从新赋值dom

var active = new Vue({
    el: '#active',
    data: {
      banner: '../img/banner.jpg'
    }
  });
  
  active.banner = '../img/banner11.jpg';