美文网首页
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 客户端激活

    Step3 客户端激活 考虑一个更复杂的Vue实例: 如果使用step2的代码,最终客户端能拿到这样的html,我...

  • SSR介绍-1: 什么是SSR?

    什么是SSR? SSR是服务端渲染:在后台将vue实例渲染为HTML字符串直接返回,在前端激活为交互程序。 传统的...

  • 如何使用ssr

    iOS 下载shadowbroken 安卓 下载ssr客户端 Windows 下载ssr客户端 Mac 下载ssr客户端

  • VUE SSR

    VUE SSR 官方文档: Vue SSR 指南 一、什么是SSR, 为什么要做SSR 什么是SSRVue.js ...

  • 从0到1构建vueSSR项目之路由的构建

    vue开发依赖的相关配置 Vue SSR 指南 今天先做客户端方面的配置,明天再做服务端的部分。 那么马上开始吧~...

  • 详解Vue SSR服务端渲染

    Vue SSR介绍[https://ssr.vuejs.org/zh/] SSR Github Demo[http...

  • 使用 Vue SSR 渲染一个 Vue 实例

    Vue SSR 介绍 官方文档:https://ssr.vuejs.org/[https://ssr.vuejs....

  • Vue-SSR系列(一)vue2.0+node+express+

    一、什么是服务器端渲染(SSR)? 大致就是在服务端拼接好用户请求的静态页面,直接返回给客户端,客户端激活这些静态...

  • vue-ssr服务端渲染简单例子

    一、什么是服务器端渲染(SSR)?就是在服务端拼接好用户请求的静态页面,直接返回给客户端,客户端激活这些静态页面,...

  • vue服务端渲染

    一、什么是服务器端渲染(SSR)? 就是在服务端拼接好用户请求的静态页面,直接返回给客户端,客户端激活这些静态页面...

网友评论

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

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