前端 UNI -APP 使用混入操作

如何在uni.APP内使用混入

1.首先在项目根目录新建一个混入用的文件夹 内部解构为index.js和mixin.js

2.在新建混入文件夹内 内容如此

index.js的

import initMixin from "./mixin"
export default {
	install(Vue) {
		initMixin(Vue)
	}
}

mixin.js的

另外建议封装自有方法命名最好在前面加个$ 以区分框架方法和原生方法

export default Vue => {
	Vue.mixin({
		methods:{
			$go(url,isTab){
				//判断是否为tab页面
				if(isTab){
					uni.switchTab({
						url
					})
				}else{
					uni.navigateTo({
						url
					})
				}
				
			}
		}
	})
}

3.之后就是在vue的main.js内调用即可 混入放在哪就从哪引入

import Vue from 'vue'
import App from './App'


Vue.config.productionTip = false
import initMixin from './core'
Vue.use(initMixin)
App.mpType = 'app'

const app = new Vue({
    ...App
})
app.$mount()

4.之后在项目调用直接this.XX方法就可以了