VUE 中render 函数 渲染html代码的三种方式
话不多说上代码:
<div id="app">
<test></test>
<test2></test2>
<test3></test3>
</div>
-
Vue.component('test', {
render: function (createElement) {
return createElement(
'div',
{},
['<h>你好</em>']
)
},
props: {
level: {
type: Number,
required: true
}
}
}); -
Vue.component('test2', {
render: function (createElement) {
return createElement(
'div',
{},
[createElement('em',{},'你好')]
)
},
props: {
level: {
type: Number,
required: true
}
}
}) -
Vue.component('test3', {
render: function (createElement) {
return createElement(
'div',
{domProps: {
innerHTML: '<em>你好啊</em>'
},},
[]
)
},
props: {
level: {
type: Number,
required: true
}
}
});
new Vue({
el: '#app'
});
三种方式分别输出为:
- javascript三种函数调用方式
- Vue2.0-2-数据绑定三种方式
- [C]C语言中函数参数传递的三种方式(x,*x,&x)
- 第2周项目1 函数参数传递的三种方式
- 项目1 - C/C++语言中函数参数传递的三种方式
- 2017033000C++函数参数和返回值三种传递方式:值传递、指针传递和引用传递(着重理解)
- C++函数参数传递三种方式
- 第二周项目一 ——函数参数传值的三种方式
- 函数参数传递的三种方式
- 第二周项目1-C/C++语言中函数参数传递的三种方式
- 第二周 项目1 C++中函数参数传递的三种方式
- 项目1-C/C++语言中函数参数传递的三种方式
- 从汇编语言进一步了解C++三种函数参数传递方式
- 第一周 项目1 C++语言中函数参数传递的三种方式
- 第二周--C/C++语言中函数参数传递的三种方式
- 第二周 项目一 C/C++语言中函数参数传递的三种方式(三):.引用传递
- 第2周项目1 函数参数传递的三种方式
- 第二周项目1语言中函数参数传递的三种方式
- 第二周项目1 - C/C++语言中函数参数传递的三种方式】
- 第二周 项目1 函数参数传递的三种方式