vue 指令 v-bind

最新推荐文章于 2021-05-12 21:28:57 发布

Claroja

最新推荐文章于 2021-05-12 21:28:57 发布

阅读量70

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/claroja/article/details/112701607

版权

vue 专栏收录该内容

69 篇文章 0 订阅

订阅专栏

<body>
  <div id="app">
    <a v-bind:href="url">百度</a><!--第一种写法-->
    <a :href="url">百度</a><!--第二种写法-->
    <button v-on:click='handle'>切换</button>
  </div>
  <script type="text/javascript" src="js/vue.js"></script>
  <script type="text/javascript">
    var vm = new Vue({
      el: '#app',
      data: {
        url: 'http://www.baidu.com'
      },
      methods: {
        handle: function(){
          this.url = 'http://www.csdn.com';
        }
      }
    });
  </script>
</body>