vux组件的全局注册引入

安装好vux后,要引入全局组件是要在main.js中使用Vue.component引入的,不能直接使用Vue.use,不能直接使用Vue.use不能直接使用Vue.use

import router from './router'
import store from './store/store'
import {
  XHeader,
  XInput,
  Group,
  XButton,
  Tabbar,
  TabbarItem,
  Tab,
  TabItem,
}from 'vux'

Vue.component('x-header', XHeader);
Vue.component('x-input', XInput);
Vue.component('group', Group);
Vue.component('x-button', XButton);
Vue.component('tabbar', Tabbar);
Vue.component('tabbar-item', TabbarItem);
Vue.component('tab', Tab);
Vue.component('tab-item', TabItem);

但是在,局部注册则为:

import { XInput } from 'vux'

export default {
  components: {
    XInput
  }
}

 

 

参考:https://doc.vux.li/zh-CN/components/x-input.html

posted @ 2019-03-19 17:36  WayneLiu123  阅读(1468)  评论(0)    收藏  举报