一个使用proxy实现的开箱即用的mvvm轮子
#HTML部分
<div id='index'>
<!-- 现有指令:n-model,n-bind -->
<input type="text" n-model='name'/>
<span n-bind='example'>{{example}}</span> <button n-on='click,changeText'>点击切换文字</button>
</div>
#js部分
import NewVue from './NewVue'
new PersonVue({
el: '#index',
data() {
return {
example: '这是一个示例',
name: '测试'
}
},
mounted() {
console.log('测试')
},
methods: {
changeText() {
this.example = '你点击了button标签,触发了该事件'
}
}
})