vux的使用有两种方式:组件(component)引用和plugin引用。
1.组件引用就是使用component
<toast v-model="showPositionValue" type="text" :time="2800" is-show-mask :text="toastText" :position="position"></toast>
import { Toast } from 'vux'
export default {
components: {
Toast
}
}
或者全局注册component:
import Vue from 'vue'
import { Toast } from 'vux'
Vue.component('toast', Toast)
2.plugin有自己的专属方法。只有部分有plugin功能。
以toast举例:
在main.js中全局注册
import { ToastPlugin } from 'vux'
Vue.use(ToastPlugin)
使用:
// 显示
this.$vux.toast.show({
text: 'Loading'
})
// 显示文字
this.$vux.toast.text('hello', 'top')
// 隐藏
this.$vux.toast.hide()
// 获取显示状态
this.$vux.toast.isVisible() // v2.9.1 开始支持