源码:https://github.com/xiaofuzi/re-vue/tree/9de26c017dc937e19faec6b962d28a444cea7af4 API
根节点选择器或是根节点dom元素。
初始化响应式数据模型
计算属性,每一个元素对应一个函数 注:
监测对象,监测对应的响应式数据,当数据发生更改时执行回调.
如: var vm = new TinyVue({ data: { info: { age: 18 } } }); vm.$watch('info', function (info) {
example: <div id="app"> <h2 v-text='hello' v-visible='isShow'></h2> <input type="text" v-model='counter'> <button v-on:click='add' type="button">add</button> <button v-on:click='toggle' type="button">toggle</button> <p v-text='counter'></p> <p v-text='info.age'></p> <p v-text='wellcome.text'></p> </div> var mvvm; var opts = { el: '#app', data: { isShow: false, counter: 1, hello: 'ahahah!', info: { age: 18 }, person: { weight: 20, height: 170 } }, computed: { wellcome () { return {text: this.hello + '---' + this.info.age}; } }, methods: { add: function () { this.counter += 1; this.info.age += 1; }, toggle: function () { this.isShow = !this.isShow; } }, watch: { counter (val) { console.log('counter: ', val); }, info (info) { console.log('info: ', info); }, 'info.age' () { |
支持watch监测、计算属性、自定义指令
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利