前端学习之路—Vue

数据预取和状态

使用服务端渲染（服务端获取异步接口数据，交给Vue组件去渲染）流程：image-20210329113524310.pn
翔子丶·2024-01-31 18:44

【Vite+Vue3+Ts+Pinia+Sass】从0到1项目创建（必备收藏）

项目创建网络问题，这里我用cnpm，遇到安装卡了不动的同学也可以使用cnpm安装命令npminstallcnpm-gcnpmcreatevite@latest//Projectname:»vite-project(项目名)选择第二项，回车使用Ts，回车创建完成，按顺序执行以下三步骤//Done.Nowrun:cd你的项目名cnpminstall//安装依赖cnpmrundev//运行项目安装sas
极致♀雨·2024-01-31 18:36

【Vite+Vue3+Ts】挂载全局store/pinia（全局方法）

store文件内容：exportconstuseCounterStore=defineStore("counter",{state:()=>({lang:'en',}),actions:{},});新建插件piniaPlugin.tsimport{useCounterStore}from"@/store/index";//引入pinia方法exportdefault{install:(app:an
极致♀雨·2024-01-31 18:36

【Vue3+Ts】简单路由配置页面缓存keepAlive可选控制

path:"/",name:"home",meta:{title:"首页",keepAlive:true,//主要代码},component:()=>import("@/view/Home/index.vue
极致♀雨·2024-01-31 18:35

Vue.js-各时间date处理函数封装

Date.jsexportconstMILLISECOND_PER_SECOND=1000;exportconstMILLISECOND_PER_MINUTE=60*MILLISECOND_PER_SECOND;exportconstMILLISECOND_PER_HOUR=60*MILLISECOND_PER_MINUTE;exportconstMILLISECOND_PER_DAY=24*MI
极致♀雨·2024-01-31 18:05

【Vite+Ts+Vue3】使用Crypto-js封装AES加密

安装依赖cnpminstallcrypto-js--save项目创建secret.ts文件importCryptoJSfrom"crypto-js";//必须为16、24、32位constKEY="4564564564564564";constIV="4564564564564564";/***AES加密：字符串keyiv返回base64*/exportconstEncrypt=(word:any
极致♀雨·2024-01-31 18:05

【Vite+Ts+Vue3+Pinia】使用i18n国际化简单配置

安装i18ncnpminstallvue-i18n--savesrc目录新建language文件夹并新建以下文件新建en.ts（英文）constmessages={home:{title:"BookStore
极致♀雨·2024-01-31 18:05

【Vite+Ts+Vue3】项目多环境打包配置+axios+Api封装

安装axioscnpminstallaxios--save项目根目录新建以下配置文件开发环境//.env.developmentVITE_APP_BASE_API=http://localhost:3000/api生产环境//.env.productionVITE_APP_BASE_API=http://production/api测试环境//.env.testVITE_APP_BASE_API=
极致♀雨·2024-01-31 18:32

【Django-vue-admin学习笔记】搭建一个简单的CRUD数据管理功能

本文将介绍基于Django-vue-admin框架搭建一个CRUD功能模块的过程。Django-vue-admin是一个
Mr数据杨·2024-01-31 18:31

[工具探索]Safari 和 Google Chrome 浏览器内核差异

最近有些Vue3的项目，使用了safari进行测试环境搞开发，发现页面存在不同程序的页面乱码情况，反而google浏览器没问题，下面我们就对比下他们之间的差异点：日常开发googlechrome占多数；
ifanatic·2024-01-31 18:13

springboot3+vue3支付宝在线支付案例,后端接口-购物车

packagecom.example.demo.controller;importcom.example.demo.bean.Goods;importcom.example.demo.bean.Orders;importcom.example.demo.bean.Result;importcom.example.demo.service.IGoodsService;importcom.exampl
yrldjsbk·2024-01-31 18:36

jeecg的Vue前端加全屏页面，并在新的窗口打开

tsgzBigScreenOne',component:()=>import('@/views/screen/TsgzBigScreenOne')}2.在系统管理中添加路由和权限3.Contextmenu.vue
是茜茜啊啊·2024-01-31 17:18

leaflet离线地图(百度)+vue+echarts

实现效果：思路：把离线地图瓦片全部下载下来然后自己在内网起个提供瓦片图请求的服务从服务器加载，（或者前端静态资源）。实现步骤：1.下载全能电子地图下载器。下载地图瓦片。2.把下载的图层放到public文件夹下，瓦片过多时候，也可以部署到nginx代理上。3.安装地图相关的插件"leaflet":"^1.9.2","ol":"^7.1.0","proj4":"^2.8.0","proj4leafle
是茜茜啊啊·2024-01-31 17:17

vue中使用富文本编辑器ckeditor

ckeditor/ckeditor.js">3.创建子组件creditor.vue。
是茜茜啊啊·2024-01-31 17:47

vue项目在public中编写一个json文件 并用http请求获取 模仿数据接口

我们前后端分离是经常存在前端已经开发到需要接口但后端还没开始的情况的如果直接在js中写假数据后面还要改不少东西多少有点麻烦我们可以直接在public静态资源目录下创建一个json文件这里我取名叫city.json大家可以根据自己喜好给json文件命名我这个json文件的内容是这样写的{"data":{"name":"四川","population":80000000}}就写了个json对象里面给了
瑞晟技术服务中心-耿瑞·2024-01-31 17:14

分享一个关于 Vue3+Pinia+Koa+Three.js 全栈电商的项目总结

前言前几天一个朋友去义乌旅游，带回来很多小商品，就是一整个物美价廉，但是为什么线下购物和网购有的时候差别这么大（网购经常要退换货啊），为此我萌生了一个想法，3D是不是就可以实现在线看商品的细节了，退换货这么麻烦是不是可以省省了一、项目概述这个项目是对义务购app的一个模仿，相对于其官方app，我新增的亮点如下：商品排列布局使用瀑布流布局实现3D看商品功能实现3D看义乌商贸城同时，基础功能如下：使用
前端达人·2024-01-31 17:14

第六篇：express路由拆分（模块化）

江城开朗的豌豆：个人主页个人专栏:《VUE》《javaScript》个人网站:《江城开朗的豌豆》⛺️生活的理想，就是为了理想的生活!
江城开朗的豌豆·2024-01-31 17:13

VUE3快速入门技巧

1.安装1.1进入网址，进行下载1.2用法用引入2.实列化2.1模板2.2创建2.3挂载3.条件渲染3.1v-if与v-show上面是Vue实例化的简易写法，注意看清楚哦4.属性渲染4.1v-bind5
无言_f70a·2024-01-31 17:15

Vue3中快速简单使用CKEditor 5富文本编辑器

Vue3简单使用CKEditor5前言准备定制基础配置富文本配置目录当前文章demo目录结构快速使用demo前言CKEditor5就是内嵌在网页中的一个富文本编辑器工具CKEditor5开发文档（英文）
Thetimezipsby·2024-01-31 17:09

Vite4、Vue3、Axios 针对请求模块化封装搭配自动化导入（简单易用）

针对请求模块化封装搭配自动化导入（简单易用）目标目录目标代码前提步入正题src/utils/index.jssrc/api/index.jssrc/api/request.jssrc/api/service.jssrc/api/utils.jssrc/api/modules/demo.js自动化配置vite.config.jseslint校验问题作者GitHub：https://github.co
Thetimezipsby·2024-01-31 17:09

vite生产环境报错 TypeError: Failed to fetch dynamically imported module: xxx

问题描述vue3+vite项目：有时跳转页面会卡住，控制台信息如下：TypeError:Failedtofetchdynamicallyimportedmodule:xxx信息收集用户端复现了问题，从现场获取到控制台日志
Thetimezipsby·2024-01-31 17:09

uniapp使用Mescroll（上拉加载下拉刷新）

uniapp使用Mescroll官网：https://www.mescroll.com/1.安装2.全局引入importMescrollBodyfrom"mescroll-uni/mescroll-body.vue"importMescrollUnifrom"mescroll-uni
_小郑有点困了·2024-01-31 17:31

142：vue+leaflet 加载tomtom地图（多种形式）

第142个点击查看专栏目录本示例介绍如何在vue+leaflet中添加tomtom地图，这里包含了多种形式，诸如中文标记、英文标记、白天地图、晚上地图、卫星影像图，高山海拔地形图等。
还是大剑师兰特·2024-01-31 16:57

Vue2：请求接口的两种方式axios和vue-resource

就要涉及前端如何向后端接口发送请求，获取数据二、请求方式1、axios方式(推荐)这个方式本质就是ajax，底层就是对xhr(XMLHttpRequest)的封装1、安装axios库npmiaxios2、在对应的vue
生产队队长·2024-01-31 16:56

java spring cloud 企业工程管理系统源码+二次开发+定制化服务

鸿鹄工程项目管理系统SpringCloud+SpringBoot+Mybatis+Vue+ElementUI+前后端分离构建工程项目管理系统1.项目背景一、随着公司的快速发展，企业人员和经营规模不断壮大
m0_68459853·2024-01-31 16:15

JAVA电商平台免费搭建 B2B2C商城系统 多用户商城系统 直播带货 新零售商城 o2o商城 电子商务 拼团商城 分销商城

端、手机端）、买家平台（H5/公众号、小程序、APP端（IOS/Android）、微服务平台（业务服务）2.核心架构SpringCloud、SpringBoot、Mybatis、Redis3.前端框架VUE
m0_68459853·2024-01-31 16:44

如何纯前端实现文件下载

解决方案在vue2或者vue3项目中，可以把文件放在public文件夹下，然后使用a标签进行文件下载。如：我要下载的文件是模版.xlsx。首先，我把这个文件直接放到了public文件夹里。
yulamz·2024-01-31 16:06

Vue（十九）：ElementUI 扩展实现树形结构表格组件的勾父选子、半勾选、过滤出半勾选节点功能

从而判断是否勾选子节点勾选当前节点时，子节点均勾选全勾选与半勾选与不勾选的样式处理全勾选和全取消勾选的逻辑筛选出半勾选的节点定义变量import{computed,nextTick,reactive,ref}from'vue
Prosper Lee·2024-01-31 16:01

springboot无法被局域网访问的问题

这几天做springboot+Vue前后端分离项目，启动前后端后，前端地址可以被其他人员在局域网内访问，但是后端地址（接口），只能在自己电脑上访问，其他人员无法访问，这种情况，一般是局域网内防火墙设置有问题
yiran6238·2024-01-31 16:28

Vue项目设置局域网可以访问

默认情况下，Vue项目是通过npmrunserve启动的，它只能在本地进行访问。如果要使其可以在局域网内被访问，需要在启动命令后加上--host0.0.0.0选项，这样才可以监听所有网络接口。
IT之一小佬·2024-01-31 16:57

开发环境可局域网访问项目 springboot +vue+nginx前后端分离 多个微服务项目 如何设置开发环境可局域网访问

springboot+vue+nginx前后端分离多个微服务项目如何设置开发环境可用局域网地址访问1首先nginx不需要改动用原来的就行server{listen9001;server_namelocalhost
DB12138·2024-01-31 16:55

Mysql在Linux运行时新增配置文件提示：World-wrirable config file ‘/etc/mysql/conf.d/my.cnf‘ is ignored 权限过高导致

场景docker-compose入门以及部署SpringBoot+Vue+Redis+Mysql(前后端分离项目)以若依前后端分离版为例：docker-compose入门以及部署SpringBoot+Vue
霸道流氓气质·2024-01-31 16:20

Vue教程（一）WebPack安装

新建WebPack文件夹初始化npmPSE:\COLDDEMO\js源码示例\WebPack>npminitThisutilitywillwalkyouthroughcreatingapackage.jsonfile.Itonlycoversthemostcommonitems,andtriestoguesssensibledefaults.See`npmhelpjson`fordefinitiv
凌雲木·2024-01-31 16:38

Vue3下载WEBAPI导出的Excel文件

webApi查询数据保存为Excel//////获取LMI3D相机涂胶测量数据//////[HttpPost(Name="GetLMI3DGlueDataToExcel")]publicasyncTaskGetLMI3DGlueDataToExcel(QueryGlueMeasurementModelqgmm){Listresult=newList();result=awaitLinkAsiaDB
easyboot·2024-01-31 16:40

vue 导出execl

vue导出execl一、后端请求导出execl二、前端导出execl一、后端请求导出execl/****@param{*}name文件名称*@param{*}url路径*@param{*}path其他参数
一个博客·2024-01-31 15:27

Ant Design Vue 树形表格计算盈收金额

树形表格计算一、盈收金额计算1、根据需要输入的子级位置，修改数据2、获取兄弟节点数据，并计算兄弟节点的金额合计3、金额合计，遍历给所有的父级一、盈收金额计算1、根据需要输入的子级位置，修改数据2、获取兄弟节点数据，并计算兄弟节点的金额合计3、金额合计，遍历给所有的父级{returnrecord.projectId}":defaultExpandAllRows="true"v-if="newSour
一个博客·2024-01-31 15:27

Nginx 本地部署vue项目

1、下载Nginx稳定版本2、下载安装后，打开nginx.conf配置文件3、找到打包好的文件，并配置运行文件文件的位置rootC:/server/buildlocation/{rootC:/server/build;indexindex.htmlindex.htm;#解决刷新后nginx报404问题try_files$uri$uri//marketing/index.html;}4、运行ngin
一个博客·2024-01-31 15:27

Nginx 部署指定文件夹下的项目（本地测试）

1、配置vue.config.js，指定生成环境的包//部署生产环境和开发环境下的URLpublicPath:process.env.NODE_ENV==='production'?"
一个博客·2024-01-31 15:52

Vue3-Composition-API（一）

一、认识CompositionAPl1.OptionsAPI的弊端在Vue2中，我们编写组件的方式是OptionsAPI：OptionsAPI的一大特点就是在对应的属性中编写对应的功能模块；比如data
DustinWangq·2024-01-31 15:43

Vue组件化-组件间通信-props-emit

一、Vue组件的嵌套关系1.认识组件的嵌套前面我们是将所有的逻辑放到一个App.vue中：在之前的案例中，我们只是创建了一个组件App；如果我们一个应用程序将所有的逻辑都放在一个组件中，那么这个组件就会变成非常的臃肿和难以维护
DustinWangq·2024-01-31 15:42

Vue组件化-额外知识补充

2.v-if显示不同的组件3.动态组件的实现四、keep-alive组件1.认识keep-alive2.keep-alive属性3.缓存组件的生命周期五、异步组件的使用1.Webpack的代码分包2.Vue
DustinWangq·2024-01-31 15:42

react通信方式之---发布订阅

在vue中组件通信可以通过自定义属性、发布订阅事件，而在react中都是用props来进行通信，但是这一通信局限于父子组件之间，如果是相邻兄弟或者爷孙这种组件通信呢？
颜色不一样的烟火_ac0f·2024-01-31 15:25

Vue组件化-插槽Slot和非父子通信

一、认识插槽Slot作用1.认识插槽Slot在开发中，我们会经常封装一个个可复用的组件：前面我们会通过props传递给组件一些数据，让组件来进行展示；但是为了让这个组件具备更强的通用性，我们不能将组件中的内容限制为固定的div、span等等这些元素；比如某种情况下我们使用组件，希望组件显示的是一个按钮，某种情况下我们使用组件希望显示的是一张图片；我们应该让使用者可以决定某一块区域到底存放什么内容和
DustinWangq·2024-01-31 15:42

浏览窗口大小变化，页面刷新

vuemounted(){window.onresize=()=>{//执行重新刷新布局的操作this.
~牧马~·2024-01-31 15:11

vue路由传参 router-link和编程式传参

//路由中配置了如下对象：letoptions={routes:[{path:'/insertquery',name:'query1',component:()=>import('@/pages/insertquery')},{path:'/insertparams1/:id/:name',name:'params1',component:()=>import('@/pages/insertpar
这个网名好记·2024-01-31 15:39

Vue父子组件之间互相传值

一，父组件传值给子组件父组件importchildrenfrom"@/components/children"exportdefault{data(){return{parentVal:'我是父组件的值'}},components:{children}}子组件exportdefault{props:['childrenVal']}在父组件引用子组件的标签中用:（v-bind）自定义属性，将父组件的
FD__f392·2024-01-31 15:01

vue实现跳转传参查询

vue实现跳转传参查询：应用场景：外部链接携参跳转目标页时,避免多次输入查询信息查询目标需求：登录及非登录状态均可跳转自动查询避坑指南：token失效时需要重新缓存及路由导航缓存判断简单实现：缓存信息，
会做梦的辣条鱼·2024-01-31 15:38

vue后台通用模板实现和技术简易总结

vue后台通用模板实现和技术简易总结准备工作安装cnpm和yarnnpminstall-gcnpm--registry=https://registry.npm.taobao.orgcnpm-vnpminstall-gyarnyarn
小宝..·2024-01-31 15:04

vue2项目打包优化

一.打包体积可视化工具npmiwebpack-bundle-analyzer1.在vue.config.js文件中配置，配置如下：//导入包分析器插件constBundleAnalyzerPlugin=
26:28·2024-01-31 15:34

vue2项目国际化配置

参考文章1.安装npmivue[email protected].新建文件夹i18n3.i18n.js代码如下：//I18nimportVueI18nfrom"vue-i18n";importVuefrom"vue
26:28·2024-01-31 15:34
上一页 103 104 105 106 107 108 109 110 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他