w-vue-middle

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# 《如何本地调试组件库》]

打包问题追踪

切换服务地址

	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

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

// 在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 };

> 第一步，先查看本机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