熊米

微前端服务vue实例-乾坤【qiankun】一、前言一、乾坤实例应用创建主应用一、前言功能说明：此实例包含有一个qiankun-main主应用和qiankun-vue-child子应用。【可以包含若干个子应用，这里只建立一个子应用进行演示】主应用可以跨域访问子应用系统。qiankun-main主应用运行端口8085，qiankun-vue-child子应用运行端口8083。【由于使用了vue create创建vue项目，故需在项目文件夹下手动创建vue.config.js】参考文档：qian

仿 ElementUI 搭建自己的 vue 组件库

vue插槽slot的用法

新手入门篇-前端前言过程1、引入在线的css和js库功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入前言过程1、引入在线的css和js库 <link rel="stylesheet" href="https://cdn

报错信息如下：vue : 无法加载文件 C:\...\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/g 所在位置 行:1 字符: 1+ vue -V+ ~~~ + CategoryInfo : SecurityError: (:) []，PSSecurityException + FullyQualifiedErrorId : UnauthorizedAccess解决方法如下：打开 p

面试Vue编程题：信号灯（交通灯）控制器

vue2.x中事件总线EventBus的使用一、使用方法二、手写实现 EventBus 原理一、使用方法// eventBus.jsimport Vue from "vue";const EventBus = new Vue();export default EventBus;<!-- 容器A: 接收方 --><template> <div>{{ message }}</div></template><scrip

方案一：采用插件 babel-plugin-transform-remove-console 配置说明：适用于 vue-cli4.x 版本的脚手架工具步骤：1. 执行 npm install babel-plugin-transform-remove-console --save-dev2. 在 babel.config.js 中添加以下代码：-------------------------------------------------------------------------cons

说明：因为执行vue create要求vue-cli的版本在3.x以上，所以就打算将vue-cli升级，但卸载了重新安装一直是v2.9.6版本，换源下载之后就没有问题了。第一步：npm config get registry第二步：npm config set registry https://registry.npm.taobao.org第三步：npm i -g @vue/cli运行之后版本从 v2.9.6 升级到了 v4.5.10...

路由篇【vue】一、新手入门1. 创建一个简单的路由2. 路由嵌套3. 路由跳转4. 项目中多个模块路由分类管理二、路由进阶1. 常见路由属性2. 路由守卫一、新手入门1. 创建一个简单的路由初始化一个vue项目之后，项目中要有如下目录：在main.js入口文件中，代码如下：import Vue from 'vue'import App from './App'// 引入router文件夹位置，默认会加载文件夹中的index.jsimport router from './route

当<img />标签中的图片加载不成功的时候，可以使用onerror事件替换默认的错误图标。 <img :src="thumbnailUrl" alt=" " height="130" width="130" style="border: none;" :onerror="defaultErrorImageSrc" />这里使用require是因为使用了webpack打包，图片在打

vue中http://localhost:8080/#/index去掉#只需要在 router / index.js 中，添加mode:'history'即可。如图所示：详解：vue中localhost:8080地址栏的显示有两种模式：第一种是hash(默认)，即mode:'hash'，该模式地址栏会默认有#号。第二种是history，即mode:'history'，该模式直接用url。...

在vue中使用setTimeout在function中直接使用this无效。正确的使用方法是： data(){ return{ message:"这是一条消息" } }, methods: { func(){ var _this = this; //定义_this暂存this setTimeout(function(){ ...

在vue中使用axios+mock.js模拟数据请求1、使用npm安装mock.js和axios。npm install mockjs --savenpm install axios --save2、在.vue页面引入axios(在哪个模块中使用就在哪个模块中引入/全局引入)import axios from "axios";3、在src中新建mock.js，并在mock.js中写入...