Vue组件

技术文章 11个月前 完美者
2,069 0

标签:code   vue组件   col   pre   style   div   标签   com   one   

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:["自定义属性名"]
} 

 

Vue组件

标签:code   vue组件   col   pre   style   div   标签   com   one   

原文地址:https://www.cnblogs.com/writedown/p/14200991.html

版权声明:完美者 发表于 2021-01-01 12:37:25。
转载请注明:Vue组件 | 完美导航

暂无评论

暂无评论...