Javascript vue.js-动态html标记（使用变量）

我想知道是否有任何方法可以动态设置html元素的标记。例如

var element = "ol";

<{element}> some content </{element}>

var element=“ol”；
一些内容

您可能想了解一下，Vue.js2也支持

jsx

。
这里有一个简单的例子

var元素='ol'
Vue.component（'自定义'{
渲染：函数（createElement）{
返回createElement(
要素
这是$slots.default
)
},
})
新Vue({
el:“应用程序”
})

abc

您可能想了解一下，Vue.js2也支持

jsx

。
这里有一个简单的例子

var元素='ol'
Vue.component（'自定义'{
渲染：函数（createElement）{
返回createElement(
要素
这是$slots.default
)
},
})
新Vue({
el:“应用程序”
})

abc

更简单的方法是只使用

组件

元素，如下所示：

<component :is="elType">...</component>

。。。

只需将数据中的

elType

设置为您想要的元素的任何类型（即

div

，

h1

等）

演示：

---

更简单的方法是只使用

组件

元素，如下所示：

<component :is="elType">...</component>

。。。

只需将数据中的

elType

设置为您想要的元素的任何类型（即

div

，

h1

等）

演示：

---

我不相信这是有范围的，是吗？抱歉，但不确定您需要什么，有范围的插槽有帮助吗？比如，如果我在一个单独的文件中使用

，它仍然会呈现为

或

得到它。我认为这取决于注册组件的方式

Vue.component

用于全局注册，这意味着注册的组件将随处可见。但是，我们可以使用本地注册来解决这个问题。看：啊，太酷了，我想我必须考虑更多关于如何整合所有这些并使其工作和本地作用域的lolI不相信这是作用域的，是吗？抱歉，但不确定你需要什么，作用域插槽有帮助吗？比如，如果我在一个单独的文件中使用

，它仍然会呈现为

或

得到它。我认为这取决于注册组件的方式

Vue.component

用于全局注册，这意味着注册的组件将随处可见。但是，我们可以使用本地注册来解决这个问题。看：啊，太酷了，我想我必须更多地考虑如何整合所有这些，并使其工作和局部范围的lol