自定义button组件,(在cube组件库的基础上再次封装)

MButton.vue

 

考虑到这种按钮每个页面都有用到，可以在main.js中引入

import MButton from '@/components/common/MButton.vue'Vue.component(MButton.name, MButton)

 

注意：

1，组件引入的位置是在cube-ui的后面；

2，原本也是用Vue.use(MButton),这样会出错，所以换成Vue.component(MButton.name, MButton)就没有问题了

 

在使用的页面中就可以直接用了

     
      下一步
     

注意：

给vue组件绑定事件时候，必须加上native ，不然不会生效（监听根元素的原生事件，使用 .native 修饰符）

 

总结：

组件的引入和事件绑定