vue文件&变量对象

自己摸索，如有不对，麻烦指点下。。

<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', 组件对象)