javascript - vue 从服务器渲染的 html 创建组件

Question

我有一个已经加载了 webpack 的 Vue 实例，它可以正确加载 .vue 文件。但是有一些文件我不能使用加载，因为一些 html 是从服务器动态呈现的。

假设我有一个包含以下内容的 HTML 文件：

<div id="test">
  <input type="text" :value="message"></input>
</div>

如何使用上面的模板创建一个 vue 组件？

这是我的尝试。

const component = new Vue({
    name: 'test-component',
    el: '#test',
    data: {
        message: "hello world!"
    },
});

我想要渲染的是

<div id="test">
  <input type="text" value="hello world!"></input>
</div>

标签： javascriptvue.js

Answer 1

如果渲染函数和模板选项都不存在，则挂载 DOM 元素的 in-DOM HTML 将被提取为模板。在这种情况下，应使用 Vue 的 Runtime + Compiler 构建。

---- https://vuejs.org/v2/api/index.html#el