关于this.$XXXXXXX

一般在vue中，这些$的都是一个全局对象，这些都会在main.js中进行全局引用。如下所示main.js文件。

1.this.$router ：vue-router路由，import router from ‘./router/’。

2.this.$toast ：vant有赞移动端ui的一个“轻提示”组件，import { Toast, Dialog } from ‘vant’;。

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

import { Toast, Dialog } from 'vant';
Vue.use(Toast);
Vue.use(Dialog);

import { Tree } from 'iview';
Vue.component('Tree', Tree);

Vue.config.productionTip = false;

Vue.prototype.getMallId = function(){
	const mallid = localStorage.getItem('mid');
	if (mallid){
		return mallid;
	}else{
		router.push({
			path: '/login'
		})
		return false
	}
}

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

使用方法：

this.$toast(‘请选择地址’);

this.$toast(‘请选择规格’);

this.$toast(‘库存不足’)；等