Vue组件

var vm=new Vue({
    el:"#app",
    data:{
        属性名:属性值,
        ...
    },
     methods: {
        函数名: function () {...},
        ...
     }
})

new Vue()

Vue.component（"组件名",{
    template:`
        代码片段` ,
    data(){
        return{
            属性名:属性值,
            ...
        }
    },
    methds:{...}
}）

定义子组件
var 子组件对象名（驼峰命名）={
     template:`HTML片段`,
}
定义父组件
var 子组件对象名={
    template:`子组件标签名`,//子组件标签名单词之间用-分割
    components:[子组件对象名1,子组件对象名2]
}

父传子
<父组件>
<子组件标签名  :自定义属性名="父组件变量"></子组件标签名>
</父组件>
子组件取:   
var 子组件对象={
  template:``,
  props:["自定义属性名"]
}