MENU

vue 组件

May 31, 2019 • web阅读设置

vue 组件

1 组件

  • 多个自定义的控件组成一个组件
  • 在vue里 每一个组件都是一个独立的vue实例

全局组件

  • 注册一个组件 全局组件 放在所有实例的前面
<body>
     <div>
        <comp></comp>
     </div>
 
<template id="tem">
   <div>
        111111111111111
     </div>
</template>

</body>

<script>
Vue.component(
        "comp",{
        templete:"#tem",// 定义模板的标签 也可以用ID和页面模块关联成组件
        data(){  //返回一个对象
            return{
                text:"12321",
                num:11111,
            }
        }
        props:["txt"],
        mathods:{
        
    }
    }
)
</script>

注意:如果直接修改模板中的值,组件不会被渲染,可以使用 this.$set(更改的对象,更改的下标,更改的值) 对组件内容更新 重新加载渲染

局部组件

  • 在全局组件内部的组件或者是实例化的对象里定义的组件
  • 在全局组件里的局部组件也是子组件