自己摸索，如有不对，麻烦指点下。。
<template>
<div>{{this.file}}</div>
</template>
<script>
export default {
name: '组件名',
data(){
return {
file: '属性'
}
}
}
</script>
// 等同于下面的对象
let Com = {
name: '组件名',
data(){
return {
file: '同上'
}
},
// 这里不能用箭头函数，找不到this
// h('div', [h('p', ['txt', h('p', value)])])
render: function(h) {
return h('div', this.file)
},
//可以写.vue 里的所有属性&方法
//data、props、created
//同名可以简写
render(h){
return h('div', this.file)
},
}
测试
vue.component('com-name', 组件对象)
网友评论