<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>使用createElement方法第2个参数</title>
</head>
<body>
<div id="app">
<elem></elem>
</div>
<script src="../js/vue.js"></script>
<script>
Vue.component('elem',{
render:function (createElement) {
return createElement('div',{
'class':{
foo:true,
bar:true,
},
style:{
color:'gray',
fontSize:'14px',
},
attrs:{
id:'foo'
},
domProps:{
innerHTML:'演示createElement的第2个参数'
}
});
}
});
let vm = new Vue({
el:'#app',
})
</script>
<style type="text/css">
.foo{
border: 1px solid gray;
}
.bar{
background-color: #dedede;
}
</style>
</body>
</html>
vue-例8-4使用createElement方法第2个参数.html
原创
©著作权归作者所有:来自51CTO博客作者虾米大王的原创作品,请联系作者获取转载授权,否则将追究法律责任
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
vue-例8-5使用createElement方法第3个参数.html
【代码】vue-例8-5使用createElement方法第3个参数.html。
javascript vue.js 前端 html Vue -
vue-例8-3使用createElement方法选参数.html
【代码】vue-例8-3使用createElement方法选参数.html。
javascript vue.js 前端 html Vue -
vue-例8-2使用渲染函数2.html
【代码】vue-例8-2使用渲染函数2.html。
html servlet dreamweaver Vue vue.js -
vue-例4-2演示方法事件处理.html
【代码】vue-例4-2演示方法事件处理.html。
javascript 前端 vue.js html Vue -
vue-例2-5属性绑定4.html
【代码】vue-例2-5属性绑定4.html。
javascript vue.js 前端 html 百度 -
vue-例9-2演示路由传递参数.html
【代码】vue-例9-2演示路由传递参数.html。
javascript vue.js 前端 html Vue -
vue-例8-1使用渲染函数.html
【代码】vue-例8-1使用渲染函数.html。
html servlet dreamweaver h5 Vue -
vue-例4-4修饰符.html
【代码】vue-例4-4修饰符.html。
javascript html 前端 修饰符 单击事件 -
vue-例2-2学习v-html.html
【代码】vue-例2-2学习v-html.html。
javascript vue.js 前端 html HTML -
vue-例2-4演示响应式声明渲染.html
【代码】vue-例2-4演示响应式声明渲染.html。
javascript vue.js 前端 html Vue -
vue-例4-3演示内联事件2.html
【代码】vue-例4-3演示内联事件2.html。
javascript vue.js 前端 html 传参数 -
vue-例7-4多元素过渡2.html
【代码】vue-例7-4多元素过渡2.html。
javascript 前端 vue.js html ci -
vue-例4-4Vue事件处理器.html
【代码】vue-例4-4Vue事件处理器.html。
javascript vue.js 前端 html Vue -
vue-例2-4演示响应式声明渲染2.html
【代码】vue-例2-4演示响应式声明渲染2.html。
javascript vue.js 前端 html Vue -
vue-入门实例4-2-2.html
【代码】vue-入门实例4-2-2.html。
javascript vue.js 前端 html Vue -
vue-入门实例2-4.html
【代码】vue-入门实例2-4.html。
javascript vue.js 前端 html Vue -
vue-例2-5属性绑定.html
【代码】vue-例2-5属性绑定.html。
javascript vue.js 前端 html Vue