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

Tauri 使用 web 前端构建更小、更快、更安全的桌面应用程序[https://www.tauri.net.cn/]

Tauri 移动端[https://github.com/tauri-apps/tauri/releases/tag/tauri-cli-v2.0.0-beta.1]

Tauri 前端即时聊天工具学习[https://github.com/nongyehong/HuLa-IM-Tauri]

学习$bus[https://gitee.com/nfpress/nf-press-edit#https://nfpress.gitee.io/nf-press-edit/]

$bus

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

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

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

公共组件库[http://172.16.9.57:8081/]

admin
winning@2023

const Install = function (Vue) {
  Vue.component("el-button", Button);
  // 注册其他组件...
};
export default { install };