<div id="mount-point" v-bind:id="bg1"> <div id="bg"> <button type="button" v-on:click="dian()">点击{{ (count + 1) }}</button> </div> </div> <script> new Vue({ el: '#mount-point', data: { bg1: 'mount-point-bind', count: 0 }, methods: { dian: function () { this.count ++ } } }) </script>
?同学,一个元素不需要绑定两个ID,一般来说,用一个div元素包裹所有的元素,给这个元素一个ID,比如app,然后就可以在这里面写vue的代码了。
vue中的el用来指定,哪个元素由vue来接管,它会使用defineProperty这个js方法来监听data中的数据的变化,从而来替换里面的一些比如模板语法,等vue的语法。
弄俩id干啥呢
bg1 可以任意定义