w-vue-middle

统一服务公共组件

基于Ant Design of Vue 1.7.8版本

Component properties

How to use

1. Install using npm

npm install w-vue-middle --save

打包问题追踪

切换服务地址

npm config set registry https://registry.npmjs.org/ 

npm config set registry http://registry.cnpmjs.org/

npm config set registry https://registry.npm.taobao.org

卫宁服务器信息

http://nexus.winning.com.cn:8081/#admin/system

npm login
admin   admin123456   [e-mail]

上传的源地址：

http://nexus.winning.com.cn:8081/repository/npm-web/

下载的源地址：

http://nexus.winning.com.cn:8081/repository/npm-group/
registry http://172.16.9.57:8081/repository/npm-group/

$bus

// 在main.js中定义$bus 为新的 Vue 实例
Vue.prototype.$bus = new Vue()

sendMsg() {
    // 这里的this 指向Vue的实例 获取this.$bus 在实例上查找没找到
    // 会到其原型链上查找 找到$bus属性。
    this.$bus.$emit('bus-event', '123')
}

this.$bus.$on('bus-event', (data) => {
	// 这里面的data 是 $emit 传递过来的第二个参数的值
	// 在该例子中 data的值是'123'
 });

beforeDestory () {
	this.$bus.$off('bus-event') // 取消 bus-event 事件
	this.$bus.$off() // 取消全部事件
}
 
// utils/bus.js
import Vue from 'vue'
const Bus = new Vue()
export default Bus


import Bus from '@/utils/bus.js'
Vue.prototype.$bus = Bus