Step3 客户端激活
考虑一个更复杂的Vue实例:
const app = new Vue({
template: `<div>
Hello {{name}}! * {{count}}
<button @click="addCount">More Welcome</button>
</div>
`,
data: {
name: 'World',
count: 1
},
methods: {
addCount() {
this.count++
}
}
});
如果使用step2的代码,最终客户端能拿到这样的html,我们发现name和count已经渲染出来初始值,但是button的点击事件没了。现在我们就需要解决客户端激活的问题,我们需要在客户端拿到的html里面,注入vue的相关js。
cc
网友评论