Vue.js学习总结

和小程序很像，会小程序理解vue就会很快。

比较复杂的是监听属性，其中 @click = "counter--" 居然实现了自减。

<div id = "test">
	<p>数字: {{ counter }}</p>
	<button @click = "counter--">点击</button>
</div>

<script type = "text/javascript">
 var vm = new Vue({
    el: '#app',
    data: {
       counter: 1
    }
 });
 vm.$watch('counter', function(val1, val2) {
    alert(val1 + ' 变为 ' + val2);
 });
</script>

v-model 可以在js代码中用data更改输入框的值。

<input type = "text" v-model = "xxx">

data: {
       xxx:233
},

虽说我对前端不感冒，但这玩意比JQ好用是事实。