Vue初体验

基于Naive UI封装的loading自定义指令

NaiveUI是一个Vue3的组件库。
小木木爸·2024-02-08 10:35

基于vueuse分装WebSocket

基于vueuse分装WebSocketimport{useWebSocket}from'@vueuse/core'exportinterfaceIWebSocketConfig{wsUrl:stringisHeartbeat
小木木爸·2024-02-08 10:05

前端代码规范

前端代码规范一、文件夹、文件命名(除vue组件外)使用小写字母，-连接符例如：intelligence-analysis二、组件命名使用大驼峰命名例如：文件命名：IntelligenceAnalysis.vue
小木木爸·2024-02-08 10:35

vue-cli引入wangEditor、Element，封装可上传附件的富文本编辑器组件（附源代码直接应用，菜单可调整）

关于Element安装引入，请参考我的另一篇文章：vue-cli引入ElementPlus（element-ui），修改主题变量，定义全局样式_shawxlee的博客-CSDN博客_chalkvariables1
shawxlee·2024-02-08 10:54

【学习笔记】Vue.js - 一个构建数据驱动的web界面的渐进式框架

一、风格指南1、命名格式命名法适用范围camelCase变量、参数、函数、方法、方法属性、id、空间PascalCase类、枚举、Vue组件kebab-casehtml文件、标签、元素属性、选择器underline_casecss
shawxlee·2024-02-08 10:54

vue-cli引入BootstrapVue，修改/新增主题变量，定义/应用全局样式

官方文档：GettingStarted|BootstrapVue安装bootstrap、popper.js、portal-vue、bootstrap-vue：[email protected]
shawxlee·2024-02-08 10:24

vue自定义全局指令：绑定在el-input上，使输入框自动获取焦点

注册全局指令：importVuefrom'vue'//绑定在el-input上，使输入框自动获取焦点Vue.directive('focus',{inserted:function(el){el.querySelector
shawxlee·2024-02-08 10:24

vuecli引入vue-amap地图组件（高德地图SDK）

指南：组件|vue-amap1、前往高德开放平台注册开发者账号，在控制台申请Key高德开放平台：高德开放平台|高德地图API申请Key：获取Key-创建工程-开发指南-Web服务API|高德地图API2
shawxlee·2024-02-08 10:23

格子表单GRID-FORM | 文档网站搭建（VitePress）与部署（Github Pages）

格子表单/GRID-FORM已在Github开源，如能帮到您麻烦给个星GRID-FORM系列文章基于VUE3可视化低代码表单设计器嵌套表单与自定义脚本交互文档网站搭建（VitePress）与部署（GithubPages
集成显卡·2024-02-08 10:53

vue-cli引入Element Plus（element-ui），修改主题变量，定义全局样式

Element官网：ElementPlus-Theworld’smostpopularVue3UIframework1、安装element-plusnpminstallelement-plus--save2
shawxlee·2024-02-08 10:53

vue-cli引入外部字体，自定义名称应用到全局

vue-cli引入外部字体，自定义名称应用到全局1、src/assets下新建文件夹fonts，将所有外部字体文件放入其中2、fonts下新建与字体同级的文件font.css，引入字体并定义名称：@font-face
shawxlee·2024-02-08 10:53

vue-cli引用图片资源的三种方式（template、script、style）

vue-cli引用图片资源的三种方式（template、script、style）src/assets下新建文件夹images，用于存放所有图片资源template中标签引用：script中脚本引用：data
shawxlee·2024-02-08 10:53

vue项目打包发布到云服务器

主要是说vue项目打包过程。
风晓尘·2024-02-08 10:03

VUE3基础

一、认识vue3及vue3的优势1、框架层面响应式底层API的变化，proxy数组下标的修改，对象动态添加属性；vue3对ts的支持比vue2更强；vue3增加了组合式API，增强了逻辑组合能力配套的工程化工具也有了更新
煸橙干儿~~·2024-02-08 10:11

vue--H5实现模糊查找

如果是中文，在打字的时候，不能触发模糊搜索的方法，如果是输入的英文，那么就应该在输入第一个字母时就要触发，所以在vue中，input的change事件显然是不能满足的，因为change事件在i
前田一喃·2024-02-08 10:04

vue倒计时

获取验证码{{second}}秒后重发exportdefault{data(){sending:true,//是否发送验证码disabled:false,//是否禁发验证码second:60,//倒计时间},methods:{//获取验证码getVerificationCode(){if(!this.sending)return;this.sending=false;this.disabled=t
大目犍连·2024-02-08 10:22

Java+微信小程序实现智慧家政系统 JAVA+Vue+SpringBoot+MySQL

1.2项目录屏二、功能模块三、系统展示四、核心代码4.1查询家政服务4.2新增单条服务订单4.3新增留言反馈4.4小程序登录4.5小程序数据展示五、免责说明一、摘要1.1项目介绍基于微信小程序+JAVA+Vue
customer08·2024-02-08 10:34

Vue3.0（四）：Composition API的使用

CompositionAPI认识CompositionAPI前几篇文章中主要用OptionsAPI进行编写代码，但是有一些弊端OptionsAPI弊端在OptionsAPI中，有data、watch、computed、methods以及生命周期函数各种各样的选项而一个变量，为了实现某个功能，会分散在各个选项中，不利于代码的维护此时CompositionAPI就出现了使用setup函数可以将大部分选
前端大菜鸟_·2024-02-08 09:23

vue3 之 组合式API—生命周期函数

vue3的生命周期API生命周期函数基本使用1️⃣导入生命周期函数2️⃣执行生命周期函数传入回调import{onMounted}from'vue'onMounted(()=>{//组件挂载完毕mounted
jiojio在学习勒·2024-02-08 09:52

Vue CLI学习笔记

VueCLI简介VueCLI是Vue.js的官方命令行工具，它是一个基于Vue.js进行快速开发的完整系统。
小白探索世界欧耶！~·2024-02-08 09:49

Rust-AI todo list 开发体验

之前用AI协助开发了一个Vue模块，感觉意犹未尽，所以决定再让AI来协助我做一个todolist。
明天好，会的·2024-02-08 09:35

Vue查漏补缺之Vuex的组件间通信

Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以可预测的方式发生变化。
Betterthanyougo·2024-02-08 09:51

前端-Vue項目初始化

大家好我是苏麟,今天聊聊前端依赖AntDesignVue快速初始化项目.AntDesignVue官网:快速上手-AntDesignVue(antdv.com)初始化项目找到文档->快速上手脚手架命令:npminstall-g
踏遍三十六岸·2024-02-08 09:18

基于Java Web的在线考试系统的实现

根据中国现阶段网络的发展状况，设计一个基于JavaWeb的在线考试管理系统，系统面使用B/S架构设计开发，视图层面使用Vue架构技术，服务端使用SSMP架构搭建设计，数据管理技术方面则使用MySQL数据库
QQ_1329053518·2024-02-08 09:12

React简介、虚拟DOM、Diff算法、创建React项目、JSX语法、组件、组件声明方式、组件传值props和state、组件的生命周期

React也是组件化的，与vue不同的是：React直接使用JS代码编写
苦海123·2024-02-08 08:35

v-bind 及 class 与 style 绑定

class的绑定对象语法varapp=newVue({el:'#app',data:{isActive:true}})数组语法varapp=newVue({el:'#app',data:{active:
林键燃·2024-02-08 08:55

搭建vue3.0 项目

安装脚手架卸载原来的脚手架npmuninstallvue-cli-g下载新的脚手架npmuninstallvue-cli-g或者npminstall--global@vue/cli@nextvuecreatevue3
hegege·2024-02-08 08:52

promise封装axios方法

axios获取后台数据的方法插件promise处理异步的方法封装在实际项目里为了更方便的使用axios获取后台数据，这里我们用promise封装一下vue项目里封装方法我们一般放在utils文件夹里src
熊猫也是熊·2024-02-08 08:12

基于SpringBoot的家电销售展示网页的设计与实现

推荐环境配置：eclipse/ideajdk1.8mavenmysql前端技术：vue，Ajax，
超级无敌暴龙战士塔塔开·2024-02-08 08:31

基于SpringBoot的学生信息管理系统

推荐环境配置：eclipse/ideajdk1.8mavenmysql前端技术：vue，Ajax，Json后端
超级无敌暴龙战士塔塔开·2024-02-08 08:31

基于SpringBoot的美妆管理系统

推荐环境配置：eclipse/ideajdk1.8mavenmysql前端技术：vue，Ajax，Json后端技术
超级无敌暴龙战士塔塔开·2024-02-08 08:31

基于SpringBoot的助农产品采购平台

推荐环境配置：eclipse/ideajdk1.8mavenmysql前端技术：vue，Ajax，Json后端
超级无敌暴龙战士塔塔开·2024-02-08 08:54

springboot164党员教育和管理系统

简介【毕设源码推荐javaweb项目】基于springboot+vue的适用于计算机类毕业设计，课程设计参考与学习用途。仅供学习参考，不得用于商业或者非法用途，否则，一切后果请用户自负。
CV工程师HYJones·2024-02-08 07:17

「Mybatis实战五」：Mybatis核心文件详解 - MyBatis常用配置environments、properties

一、MyBatis核心配置文件层级关系本文代码在Mybatis初体验：一小时从入门到运行你的第一个应用所构建的基础代码结构之上，进行修改。
码进未来·2024-02-08 07:37

「Mybatis实战六」：Mybatis核心文件详解 - MyBatis常用配置typeAliases、mappers

一、MyBatis核心配置文件层级关系本文代码在Mybatis初体验：一小时从入门到运行你的第一个应用所构建的基础代码结构之上，进行修改。
码进未来·2024-02-08 07:37

vue实现手动动态挂载某个组件

importVuefrom'vue'importtextAreafrom'.
润清·2024-02-08 07:08

vue-test\src\index\main.js in multi (webpack)-dev-server/client?http://10.10.199.11:8080&sockPath=/s

报错：vue-test\src\index\main.jsinmulti(webpack)-dev-server/client?
呆呆加油呀·2024-02-08 07:32

vue使用es的reduce方法编译报错Error: Can‘t resolve ‘core-js/modules/es.array.reduce.js‘

哈喽大家好啊最近在vue使用es的reduce方法编译报错Error:Can'tresolve'core-js/modules/es.array.reduce.js报错如图所示：解决方案：npminstall
呆呆加油呀·2024-02-08 07:30

vue3 mathjax 数学公式

安装pnpminstallmathjax新建文件@/util/mathjax.jswindow.MathJax={tex:{inlineMath:[["$","$"],["\\(","\\)"],],//行内公式选择符displayMath:[["$$","$$"],["\\[","\\]"],],//段内公式选择符},startup:{ready(){MathJax.startup.defaul
xsjCoding·2024-02-08 06:46

若依vue3单文件上传/多文件上传/前后台代码

个人记录,代码不完善见谅.多文件上传前端:constupload=reactive({//设置上传的请求头部headers:{Authorization:"Bearer"+getToken()},//上传的地址url:import.meta.env.VITE_APP_BASE_API+"/data/upload"});constfileList=ref([])/*文件提交*/constsubmit
xsjCoding·2024-02-08 06:46

Vue3循环展示静态资源

加一个方法constgetImageUrl=(url)=>{returnnewURL(`/src/${url}`,import.meta.url).href;}展示的时候调用方法数组内的img属性,不能以"/"开头!!![{id:1,name:'111',description:``,img:'assets/indices/_rp_image_2024-01-24_440c98f0-ba8f-11
xsjCoding·2024-02-08 06:45

linux之vue（vue-cli）脚手架安装创建项目

文章目录1、安装npm2、由于网路原因安装cnpm3、安装vue-cli4、安装webpack5、启动vue的图形界面管理工具6、通过界面的方式创建vue项目1、安装npmnpm全称NodePackageManager
想了好久才取了这·2024-02-08 06:41

vue3 mathjax2.7.7 数学公式

"],jax:["input/TeX","output/HTML-CSS"],tex2jax:{inlineMath:[["$","$"],["\\(","\\)"]]}});2.在需要使用数学公式的vue
xsjCoding·2024-02-08 06:35

Vue前端框架--Vue工程项目问题总结{脚手架 Vue-cli}

Vue脚手架部署问题总结我所遇到的一共两大问题只有先执行npminstall之后才能runserve否则会报错vue-cli-serve不是内部或者外部的命令，也不是可运行的程序或者批处理文件的错误1.
鲲鹏猿·2024-02-08 06:03

SpringBoot+MyBatisPlus+thymeleaf增删改查

SpringBoot+MyBatisPlus+thymeleaf增删改查一、基本介绍建议在写之前会熟练使用vue脚手架，以及掌握vue相关知识本文章会教你构建一个springboot+mybatisplus
dxjzs·2024-02-08 06:00

安装Vue 及 创建一个Vue 项目

创建一个Vue项目首先要先安装node及npm详情见【http://www.cnblogs.com/ylboke/p/8342116.html】及【http://www.cnblogs.com/ylboke
唐人不自醉·2024-02-08 06:06

vue项目打包部署到flask等后端服务里面，实现前后端不分离部署，解决空白页面和刷新页面not fount问题

1.编译模式一定要设置为esnext，否则会报错：StrictMIMEtypecheckingisenforcedformodulescriptsperHTMLspec.ExpectedaJavaScriptmodulescriptbuttheserverrespondedwithaMIMEtypeof"text/plain".具体解释可以看vite官方文档：构建选项|Vite官方中文文档2.而且
1024小神·2024-02-08 06:15

【编程入门】开源记事本（微信小程序版）

image左侧为前端版本：安卓、iOS、鸿蒙、Flutter、Vue、uni-app。右侧
蓝不蓝编程·2024-02-08 06:21

如果把vue组件动态添加到body上？

tools.js:importVuefrom'vue'/***@paramComponent组件实例的选项对象*@paramprops组件实例中的prop*/exportfunctioncreate(Component
徐同保·2024-02-08 06:40

vue项目打包时如何去除文件的hash值？

然而，这也要求index的HTML是被VueCLI自动生成的。如果你无法使用VueCLI生成的indexHTML，你可以通过将这个选项设为false来关闭文件名哈希。
徐同保·2024-02-08 06:10
上一页 63 64 65 66 67 68 69 70 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他