在 js-script 中创建同一组件的多个 vue-elements答案

【问题标题】：create multiple vue-elements of the same component in js-script在 js-script 中创建同一组件的多个 vue-elements
【发布时间】：2018-08-21 11:26:00
【问题描述】：

我的问题如下：我想创建一些像这样的 vue 元素：

var rRow = document.createElement('rightrow');

rightRow 是一个 vue 元素，应该像这样导入：

&lt;rightRow&gt;&lt;/rightRow&gt;

当我查看 Chrome 开发者工具时，HTML 代码看起来应该是，但 vue 元素不存在。如果我“手动”插入它（只写它应该在的地方）它可以工作，但我更经常需要它。感谢每一位帮助：D

对不起，如果我的英语不是最好的。我不是母语人士xD

编辑：在我的 Chrome-Developer-Tools 中可以看到该组件。我只需要知道如何再次渲染它，因为文本是正确的，但 Vue-View 不是

【问题讨论】：

document.createElement('rightrow'); 这不是创建 Vue 组件的方法。您必须让 Vue 绘制 DOM 元素。 Vue 有一个 excellent Getting Started guide——你真的应该通读一遍

标签： javascript html dom vue.js

【解决方案1】：

Vue 使用 ES2015 类语法并且可以通过其构造函数进行实例化。

import RightRow from "./RightRow.vue"
const rrow = new RightRow();

【讨论】：

我如何在我的 HTML 源代码中实现它？
如果你使用了Vue.component('right-row', ...)，那么你可以在你的HTML中使用<right-row>
但我需要用我的 js 源代码来实现，因为它们必须更多，而且数量是可变的