美文网首页
Vue SSR初探2 客户端激活

Vue SSR初探2 客户端激活

作者: 浩神 | 来源:发表于2018-07-27 11:20 被阅读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

    相关文章

      网友评论

          本文标题:Vue SSR初探2 客户端激活

          本文链接:https://www.haomeiwen.com/subject/pgvvmftx.html