Vue SSR初探2 客户端激活

2018-07-27  本文已影响47人  浩神

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
上一篇 下一篇

猜你喜欢

热点阅读