w-vue-middle/README.md

统一公共服务组件

<!--
 * @Author: Jason Liu
 * @Date: 2020-11-13 09:09:50
 * @Desc:
-->

# 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
```

# 本地调试[https://www.yuque.com/u2201151/kvvoke/tobm26tav6u1eyg0?singleDoc# 《如何本地调试组件库》]

# 打包问题追踪

## 切换服务地址

```javascript
	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

	npm config set registry http://172.16.9.57:8081/repository/npm-group/
		admin  winning@2023
```

<!--
# 卫宁服务器信息
```
http://nexus.winning.com.cn:8081/#admin/system

npm login
admin   admin123456   admin@example.org
``` -->

<!--
## 上传的源地址：
```
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/
``` -->

# 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/]

# monaco-editor[https://aydk.site/]
# admin  winning@2023

# $bus

```javascript
// 在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
```

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

```tex
> 第一步，先查看本机node.js版本：
>         $ node -v
> 
>     第二步，清除node.js的cache：
>        $ sudo npm cache clean -f
> 
>     第三步，安装 npm 工具
>         $ sudo npm install -g n
> 
>     第四步，安装最新版本的node.js
>         $ sudo n stable
> 
>     第五步，再次查看本机的node.js版本：
>         $ node -v
```