vue组件的使用

一、首先要穿件组件构造器对象,或者导入组件

1..在本部分注册组件其中组件为子组件

2.在本部分注册组件

 vue组件的使用_第1张图片

二、而后注册组件

1.在本部分注册组件其中组件为子组件

vue组件的使用_第2张图片

 2.在本部分注册组件

  

三、 接着,使用组件。

1.在本部分注册组件其中组件为子组件

vue组件的使用_第3张图片

其中v-if是用来控制展示或者不展示的, 属性@refreshDataList是用来接受子组件调用的内容

子组件调用的方式为 this.$emit("refreshDataList");ref是方便父组件调用子组件的时候一个属性

而父组件用 this.$refs.addOrUpdate.init("update", id);其中ref等于的值为$refs.后的值,然后调用子组件的init方法,其中子组件init方法接受俩个值。

2.在本部分注册组件

最后,添加对象(不添加的话,内容显示不出来,为在本部分调用组件)。

vue组件的使用_第4张图片

 

你可能感兴趣的:(vue.js,前端,javascript)