Vue.js:将新的Vue()。$ mount()转换为服务器端呈现的导出

时间:2018-05-14 04:27:05

标签: javascript vue.js serverside-rendering

我有一个Vue应用程序,我正在尝试转换为服务器端呈现。

目前,该应用程序通过此文件附加到根HTML元素:

def add2(*args): return f(*((2,) + args))

我想将此根文件导出为 server-entry.js 文件。

最有效的方法是什么?我应该重构main.js文件吗?我应该创建一个单独的文件,唯一的目的是拉入上面列出的所有导入并导出应用程序,然后导入它并将其挂载到 main.js ?那会是什么样的?

1 个答案:

答案 0 :(得分:0)

以下是我现在所做的工作:

app.js:

import Vue from 'vue';
import AppLayout from './theme/Layout.vue';
import router from '../router';
import store from './vuex/index';

Vue.config.productionTip = false;

const app = new Vue ({
    router,
    ...AppLayout,
    store
});

export {app, router, store};

main.js:

import {app} from './app';

app.$mount('#app');