Saat ini, perintah SSR tidak diterapkan ke komponen (sub-) yang digunakan tetapi hanya untuk tag dan elemen HTML.
// Step 1: Create a Vue instance
const Vue = require("vue");
const Test = {
template: `<div>This should be red</div>`
}
const app = new Vue({
template: `
<div>
<Test v-make-red/>
<div v-make-red>This is red</div>
</div>
`,
components: {
Test
}
});
const makeRed = (node, dir) => {
const style = node.data.style || (node.data.style = {});
if (Array.isArray(style)) {
style.push({ backgroundColor: "red" });
} else {
style.backgroundColor = "red";
}
};
// Step 2: Create a renderer
const renderer = require("vue-server-renderer").createRenderer({
directives: {
makeRed
}
});
// Step 3: Render the Vue instance to HTML
renderer.renderToString(app, (err, html) => {
if (err) throw err;
console.log(html);
// <div data-server-rendered="true"><div>This should be red</div> <div style="background-color:red;">This is red</div></div>
// But should include red background-color style for the first div as well
});
Hai teman-teman. saya menggunakan vue setiap hari dan saya ingin berkontribusi. Saya lihat di sini ini adalah label selamat datang kontribusi.
dapatkah seseorang membantu saya sehingga saya dapat mulai memperbaikinya jika memungkinkan?
(Saya sudah menginstal bercabang dan dapat menjalankan pengujian dan pembuatan.)
Hai, ada pembaruan tentang ini? masih belum berfungsi dengan nuxt 2.14
Hai, ada pembaruan tentang ini? masih belum berfungsi dengan nuxt 2.14
+1
Masih tidak bekerja,
[email protected]
[email protected]
[email protected]
Komentar yang paling membantu
Hai teman-teman. saya menggunakan vue setiap hari dan saya ingin berkontribusi. Saya lihat di sini ini adalah label selamat datang kontribusi.
dapatkah seseorang membantu saya sehingga saya dapat mulai memperbaikinya jika memungkinkan?
(Saya sudah menginstal bercabang dan dapat menjalankan pengujian dan pembuatan.)