vue.js官网上面的例子如何运行？

别闹了费曼sir 2018-02-07 01:40:09

之前的例子都很好理解，并且能够运行，但是到模板语法-特性哪里，官网的例子（下图红色框中）好像不全，缺少javascript代码，那么例子该如何运行呢？
具体如下：
链接：https://cn.vuejs.org/v2/guide/syntax.html#%E7%89%B9%E6%80%A7

...全文

302 1 打赏收藏转发到动态举报

写回复

用AI写文章

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

Go 旅城通票 2018-02-07

打赏
举报

disabled是特殊attribute，{{}}直接绑定true/false这个按钮都是不可用的，所以需要v-bind来绑定，true就添加disabled这个attribute，否则不加。

disabled实际应该叫property，控制按钮是否可用的

 <script src="https://cdn.bootcss.com/vue/2.5.13/vue.min.js"></script>

<div id="app">

    <button v-bind:disabled="isButtonDisabled">Button</button>

</div>

<script>

    var vm = new Vue({

        el: '#app',

        data: { isButtonDisabled: false }

    });



    setTimeout(function () {vm.isButtonDisabled=true },2000)

</script>