
Vue
文章平均质量分 70
全栈程序员
亦余心之所善兮
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
# Vue的导入import和导出export
importES6。原创 2024-07-30 20:34:49 · 601 阅读 · 0 评论 -
# Webpack 学习、Webpack 搭建 Vue项目
Webpack是一个前端的项目构建工具,它是基于node.js开发出来的一个前端工具,当webpack处理应用程序时,它会递归地构建一个依赖关系图,其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个bundle。概念 | webpack 中文文档 (docschina.org),构建开始的时候输出日志console . log("webpack 构建过程开始!");});中添加定义的插件。原创 2022-09-05 09:30:00 · 1315 阅读 · 0 评论 -
# Vue 多模块管理路由(Router)、请求(Axios)
Vue 多模块管理路由(Router)、请求(Axios)友情链接:Vue 组件封装打包发布:https://blog.youkuaiyun.com/qq_37248504/article/details/123293585使用 vue-router需求前端 Vue拆分成多个模块的时候,路由在各自模块中管理,最后将路由收集到主模块中进行注册Vue多模块中axios配置调用不同的服务路由Router 统一管理目前有模块 shop-back-app、和 lowcode-model,shop-ba原创 2022-05-02 16:55:23 · 1095 阅读 · 0 评论 -
# Vue 多模块项目调试
Vue 多模块项目调试友情链接:Vue 组件封装打包发布:https://blog.youkuaiyun.com/qq_37248504/article/details/123293585需求描述vue多模块开发的时候 ,调试本地的模块。场景描述有自己封装的组件模块 A,模块B依赖模块A,组件A开发好之后,发布到npm仓库,B模块安装A的依赖,使用A中的组件本地调试主要思路组件 A 导出向外导出所有的组件和Js模块B导入组件A中导出的内容示例代码组件A导出在lib.js中导出所有原创 2022-05-02 16:52:04 · 568 阅读 · 0 评论 -
# Vue 组件开发打包、Vue 项目打包、js库组件库打包使用
Vue 项目打包、组件打包使用vue-cli 脚手架项目打包步骤使用 vue-cli 脚手架新建项目新建vue项目的过程见:https://blog.youkuaiyun.com/qq_37248504/article/details/107169812打包配置说明打包的配置在build下常量config在vue/config/index.js 文件下配置需要修改vue/config/index.js 文件下的将build对象下的assetsPublicPath中的/,改为./采用npm run原创 2022-03-05 13:51:13 · 10168 阅读 · 0 评论 -
# Vue 知识点总结
Vue 框架学习概述 用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。Vue.js优点体积小:压缩后33K运行效率高:基于虚拟DOM预先通过JavaScript进行各种预算,把最终的Dom操作计算出来,并没有真实的操作DOMJavaScript组成(DOM和BOM)BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能原创 2021-10-30 14:49:48 · 1457 阅读 · 1 评论 -
# Vue 新增编辑使用同一页面(弹出层在新文件中)
Vue 新增编辑使用同一页面(弹出层在新文件中)TaskDefine分页列表页面需求:点击新增和编辑,弹出新的页面,实现编辑和新增操作。页面:一个分页列表页面,一个新增编辑的Form页面重点步骤完整代码分页列表页面taskdefine.vue<template> <div> <div class="container"> <div class="table_btn"> <el-row原创 2020-12-06 13:59:09 · 4839 阅读 · 2 评论 -
# Vue Axios Post 请求后端request.getParameterMap()拿不到值
Vue Axios Post 请求后端request.getParameterMap()拿不到值后端Form表单提交ConteentType类型application/x- www-form-urlencoded是Post请求默认的请求体内容类型,也是form表单默认的类型。Servlet API规范中对该类型的请求内容提供了request.getParameter()方法来获取请求参数值。当请求类型不是Form表单提交的类型时候可以用下面方法取参数VueAxios post提交时候默认提交原创 2020-08-10 21:15:56 · 3877 阅读 · 0 评论 -
# Vue设置背景图片
Vue设置背景图片使用Css的方式引入有问题,不显示图片,使用下面的方法<template> <div class="login-wrap"> <img :src="imgUrl" width="100%" height="758"> </div></template>import imgUrl from '../../static/img/login-bg.png';export default原创 2020-07-22 21:16:04 · 1595 阅读 · 0 评论 -
# Vue axios 配置请求后端多个地址
Vue axios配置SpringCloud 多个地址地址管理url.js//不同的地址对应不同的的访问路径module.exports = { domain: { Base_M1_URL: 'http://127.0.0.1:8014', //模块一接口地址 Base_M2_URL: 'http://127.0.0.1:8015', //模块二接口地址 }}main.js配置//引入axiosimport axios from 'axios'//引入 utls.原创 2020-07-13 22:24:40 · 4282 阅读 · 0 评论 -
# vue init webpack ...下载速度慢解决方法
vue init webpack …下载速度慢解决方法先下载webpack模块使用cnpm安装,npm安装特别慢(ping 不通github)cpnm install --save-dev webpack下载好webpack模块后,再使用下面命令,下载飞快。vue init webpack test选择流程默认就可以了...原创 2020-07-06 22:35:05 · 5090 阅读 · 2 评论 -
# Vue使用Iframe
Vue使用Iframe1.代码实现如下:<template> <center> <div class="accept-container"> <iframe v-show="iframeState" id="show-iframe" frameborder="0" ...原创 2020-04-17 23:04:57 · 383 阅读 · 0 评论 -
# SpringBoot Vue WebSocket实现多人聊天
Vue WebSocket实现聊天SpringBoot后端代码引入Websocket依赖<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-websocket</artifactId>...原创 2020-03-09 16:12:23 · 1349 阅读 · 0 评论 -
# Element UI 重置按钮踩坑
Element UI 重置按钮踩坑官方解释如下<el-form :model="ruleForm" status-icon ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form-item> <el-button type="primary" @click="subm...原创 2020-02-22 23:51:59 · 1957 阅读 · 0 评论 -
# Vue+Element UI弹窗实现表格编辑
Vue+Element UI弹窗实现表格编辑1.点击编辑按钮弹出Dialog<template slot-scope="scope"> <el-button size="mini" @click="handleEdit(scope.$index,scope.row)">编辑</el-button> <el...原创 2020-02-14 18:55:01 · 6664 阅读 · 5 评论 -
# Vue、ElementUI 表格分页实现
Vue—Element表格分页实现后端Json数据返回如下:{"code":200,"data":{"list":[{"password":"21232f297a57a5a743894a0e4a801fc3","role_id":1,"id":"0","account":"admin","username":"admin"},{"password":"21232f297a57a5a743...原创 2019-12-25 23:30:56 · 788 阅读 · 0 评论 -
# Vue 提交Form表单
Vue学习(二)Form方式提交Post<script>export default { data() { return { account: "", password: "" }; }, methods: { login() { let param = new FormData(); // 创建form...原创 2019-11-28 23:46:35 · 1420 阅读 · 0 评论 -
# Vue使用md5插件
Vue使用md5插件安装md5插件cnpm install --save js-md5cnpm install @types/js-md5配置全局变量在main.js中//引用md5插件import md5 from 'js-md5'//将md5绑定到全局Vue.prototype.$md5 = md5使用 .post("/user/login", { ...原创 2019-11-28 23:46:05 · 947 阅读 · 0 评论 -
# Vue 配置前端后端路由地址
Vue学习(一)配置后端项目地址 proxyTable: { '/api': { //使用"/api"来代替 target: 'http://127.0.0.1:8000', //源地址 changeOrigin: true, //改变源 pathRewrite: { '^/api': 'http:/...原创 2019-11-22 22:53:37 · 15494 阅读 · 0 评论