vue实战

vue实战开发003:详解vue-cli 3.0项目搭建

智能铣削项目终于告于段落了，接着准备承接下一个项目了，为迎合其他部门的开发环境这次我们准备用vue-cli3.0环境开发，在安装vue之前我们需要安装node环境，这个我们只要在node官方下载node绿色免安装版，然后再配置下环境变量即可使用node和npm了。将node所在目录配置到电脑的环境变量中就可以使用了，这里我的目录是D:\ProgramFiles\node-v10.8.0-win-x
ProgramNotes·2023-04-02 07:41

js数组常用方法

✨系列专栏：前端面试宝典、JavaScript进阶、vue实战资料领取：前端进阶资料以及文中源码可以在公众号“不爱吃糖的程序媛”领取js数组常用方法还挺多的，有16个，如果面试官问你这道题可不要只回答几个哟
不爱吃糖的程序媛·2023-03-31 13:28

vue搭配ajax实现数据库的增删改查,vue实战(一):利用vue与ajax实现增删改查

vue实战(一):利用vue与ajax实现增删改查：vargetUrl='${ctx}/distributor/getRate';varsaveUrl='${ctx}/distributor/saveRate
智慧的烟火·2023-03-31 12:53

学习vue实战之指令熟悉 － todolist

前言：最近打算学习vue,因为公司项目并未用到，忘的比学的快，所以做一些纪录。一直觉得todolist包含了增删改查功能，相当于学习框架中的helloworld。所以先做一个todolist熟悉指令.由于个人水平有限，所以该文章也仅仅作为自己的笔记，写的东西比较简陋，若有同学要参考，发现bug或者更简单的写法，望不吝赐教。实现的功能本项目用到了vue-cli安装搭建基本框架以及vue绝大部分常用指
格桑Hilton·2023-03-30 11:01

最新简约实效vite+electron+vue实战

特点：干预最少，代码最少，依赖最新主要是在window下进行，linux参照执行搭建环境安装安装nodejs安装git配置明确全局包位置，自定义的，比如D:\Server\cache\javascript我们用GLOBAL_PATH标记。设置NPMnpmconfigedit#在弹出的ini文件中修改：cache=GLOBAL_PATHELECTRON_BUILDER_BINARIES_MIRROR
天渡云·2023-03-30 08:04

Vue实战【Vue开发中的的前端代码风格规范】

目录前言命名规范1.1项目文件命名1.1.1项目名1.1.2目录名1.1.3图像文件名1.1.4HTML文件名1.1.5CSS文件名1.1.6JavaScript文件名1.2Vue组件命名1.2.1单文件组件名1.2.2单例组件名1.2.3基础组件名1.2.4业务组件1.2.5紧密耦合的组件名1.2.6组件名中单词顺序1.2.7完整单词的组件名1.3代码参数命名1.3.1name1.3.2prop
忆凡_·2023-03-28 16:40

Vue实战【Vue项目开发时常见的几个错误】

目录前言安装超时(installtimeout)can’tnotfind‘xxModule’-找不到某些依赖或者模块datafunctionsshouldreturnanobject给组件内的原生控件添加事件,不生效了我在函数内用了this.xxx=,为什么抛出Cannotsetproperty‘xxx’ofundefined;UncaughtReferenceError:xxxisnotdefi
忆凡_·2023-03-28 16:09

Vue实战【常用的Vue小魔法】

目录前言能让你首次加载更快的路由懒加载，怎么能忘？你是否还记得有一个叫Object.freeze的方法？异步组件那么强，你是不是没用过？你是不是还在computed中使用this？如何避免v-if和v-for一起使用？那么强的.sync修饰符你为什么不用?v-model还有这么好的修饰符！其他的修饰符你是否知道v-model还能自定义属性？你还在用浏览器的scrollTop滚动你的页面吗？你在子组
忆凡_·2023-03-28 16:09

Vue趣味【Vue3+Element Plus+Canvas实现一个简易画板；支持导出为图片】

目录前言粉丝先看创建Vue3项目引入ElementPlus实现代码（详细注释）写在最后JSON包里写函数，关注博主不迷路前言哈喽小伙伴们，上一期给大家总结了一些常见的Vue实战中的经常用到的Vue小魔法
忆凡_·2023-03-28 16:09

Vue实战【封装一个简单的列表组件，实现增删改查】

文章目录前言table组件封装父组件（展示表格的页面）控制台查看父子组件通信是否成功Vue2父子组件传递参数写在最后JSON包里写函数，关注博主不迷路前言大家好，上一期的Vue实战都阅读了吗？
忆凡_·2023-03-28 16:39

Vue项目实战（七）初识 *.vue 文件

Vue项目实战（七）初识*.vue文件这一篇介绍什么是*.vue文件，公众号已经准备了vue实战教程，如果您有需要，可以在公众号回复“vue”获取。
huangshulang1234·2023-03-25 21:52

2023高频经典前端面试题（vue2+vue3+typescript+nodejs下篇，含答案）

✨系列专栏：前端面试宝典、JavaScript进阶、vue实战资料领取：前端进阶资料以及文中源码可以在公众号“不爱吃糖的程序媛”领取vue2篇1.vue的生命周期（重点）2.父子组件的钩子函数顺序页面初次渲染的时候
不爱吃糖的程序媛·2023-03-24 02:14

vue实战(11)——vue+element UI实现表格数据导出Excel功能

一、应用场景按照需求导出功能分为勾选批量导出及按照查询结果导出，考虑到接口操作导出的复杂性，因此实现了js控制导出的功能导出功能截图二、安装相关依赖cnpminstall--savexlsxfile-saver具体插件使用参考https://github.com/SheetJS/js-xlsx，https://github.com/eligrey/FileSaver.js三、实现代码考虑到多处使用
wayne1125·2023-03-14 04:47

Vue实战笔记（1）

现在Node自带npm因为某些你懂的原因，需要替换源在bash里粘一下npmconfigsetregistryhttp://registry.npm.taobao.org/就好了
旸云·2023-03-11 08:21

mpvue实战开发美团外卖小程序

mpvue-meituanmpvue-meituan是一款使用mpvue开发的实战小程序项目，完全仿制美团官方外卖点餐小程序开发而成，项目的框架结构完全按照企业开发架构搭建而成。结合了原生小程序的开发能力和Vue能力，使小程序开发起来更加便捷高效，项目使用了比较流行的Vuex框架来作为全局的状态数据管理，使数据交互更加的便捷，结合了sass的使用让写Css样式更加的得心应手。目前市面上有很多使用m
光强_上海·2023-03-10 14:40

vue实战-深入响应式数据原理

本文将带大家快速过一遍Vue数据响应式原理，解析源码，学习设计思路，循序渐进。数据初始化_init在我们执行newVue创建实例时，会调用如下构造函数，在该函数内部调用this._init(options)。import{initMixin}from"./init.js";//先创建一个Vue类，Vue就是一个构造函数（类）通过new关键字进行实例化functionVue(options){//这
yyds2026·2023-03-10 12:49

vue实战-完全掌握Vue自定义指令

准备：自定义指令介绍除了核心功能默认内置的指令(v-model和v-show等)，Vue也允许注册自定义指令。注意，在Vue2.0中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通DOM元素进行底层操作，这时候就会用到自定义指令。作为使用Vue的开发者，我们对Vue指令一定不陌生，诸如v-model、v-on、v-for、v-if等，同时Vue也为开发者提供了自定义指令的api
yyds2026·2023-03-10 12:19

每天10个前端小知识 【Day 15】

✨系列专栏：前端面试宝典、JavaScript进阶、vue实战资料领取：前端进阶资料以及文中源码可以在公众号【不爱吃糖的程序媛】领取前端面试基础知识题1.两个同级的相邻元素之间，有看不见的空白间隔，是什么原因引起的
不爱吃糖的程序媛·2023-03-01 07:53

Vue实战第1章：学习和使用vue-router

学习和使用vue-router前言本篇在讲什么简单讲解关于vue-router的使用仅介绍简单的应用，仅供参考本篇适合什么适合初学Vue的小白适合想要自己搭建网站的新手适合没有接触过vue-router的前端程序本篇需要什么对Html和css语法有简单认知对Vue有简单认知Node.js(博主v18.13.0)的开发环境Npm(博主v8.19.3)的开发环境Vue(博主v5.0.8)的开发环境依赖
微笑的孙君·2023-02-24 03:12

vue实战(5)——构建vue项目需要修改的配置文件及部分插件安装

一、config下index.jsimage说明：1、反向代理需要添加的代码（应用实例：axios.post('api/databass/info',dataObj,{"x-access-token":global.token}).then(response=>{}))2、设置为true时运行项目会在浏览器中自动打开（老版本的脚手架默认是true）3、解决打包发布上线css、js路径错乱问题4、该
wayne1125·2023-02-18 20:51

Vue实战开发

Vue-cli搭建开发环境1.安装vue-cli脚手架mpminstallvue-cli-g2.初始化项目vueinitwebpackAwesomePos3.修改index.html首页服务申报2.0html,body,#app{height:100%;padding:0;margin:0;}4.新建Fwsb组件，这个相当于程序员的入口文件。在src/components/目录下新建Fwsb.vu
郭少华·2023-02-17 00:08

vue实战(15)——基于Element上传Excel读取内容

image.png1、应用场景大多数管理后台很多情况会有批量上传数据的业务，用的最多的要数Excel上传，根据不同的业务场景有两种上传方式：对于数据量很大的情况，需要后端提供上传的接口，像上传图片视频一样，数据解析和提取都由后端来处理，表格内容不太多的情况下单次10000条以上（单次上传量还要根据自己的项目情况而定）一般会选择这种方式，数据量太大浏览器读取的速度远远小于服务端读取对于数据量不太大的
wayne1125·2023-02-05 20:04

Webapp-老婆生成器

Vue实战项目大三上的时候和四个同学一起用一个星期从构思-UI-上线的一个娱乐小游戏，自己第一个上线的程序想想还是挺激动，发了个朋友圈贴了链接，由于朋友圈里大部分都是学生，这种简单的小游戏新鲜感还是挺高的
踟蹰_aa2b·2023-02-05 13:55

Vue入门学习笔记

Vue实战1.Vue引言渐进式JavaScript框架--摘自官网#渐进式1.易用htmlcssjavascript2.高效开发前端页面非常高效3.灵活开发灵活多样性#总结Vue是一个javascript
旭旭飞·2023-02-03 10:37

vue实战(14)——基于Element图片批量上传

1、运用场景image.png建议尺寸:750*500handlePictureCardSuccess(response,file)":on-remove="handleRemove":before-upload="beforeUpload"multiple>//主相册handlePictureCardSuccess(response,file){//console.log执行了三次if(resp
wayne1125·2023-01-28 05:32

vue实战(17)——结合vue-video-player设置视频、流媒体自动播放

vue-video-playergithub地址：https://github.com/surmon-china/vue-video-player官方案例：https://github.surmon.me/vue-video-player/官方案例对应代码地址：https://github.com/surmon-china/vue-video-player/tree/master/examples
wayne1125·2023-01-27 19:04

Vue实战开发（一）验证码与登录页面

文章目录前言环境准备页面跳转登录页面验证码组件使用组件引入组件页面使用完整代码前言许久不见，最近在怼pytorch头有点小大，不过还好。最近也是要到期末了，所以的话刚刚好准备把这个Springboot和vue用起来了，把前面的那个whitehole重新用Springboot重构。当然Django版本的whitehole说句大实话我是没变更新了，但是不会放弃，原因看下面的图你就明白了。那么现在大体重
普通网友·2022-12-23 21:42

2020全栈学习Demo大合集 AllDemo-996station GitHub鉴赏官

等还有umi+dva,数据可视化等实战项目(持续更新中)全栈学习Demo大合集说明:本项目包含常用的技术点和技术栈,时间为2020年度最新的技术栈,大范围的包含(Vue,Vuex,SSR,vue源码解析,vue
996station·2022-12-07 07:17

Vue实战之掌握自定义指令

目录准备：自定义指令介绍试炼：实现v-mymodel定义指令应用实践：4个实用的自定义指令权限控制输入限制内容处理文件预览总结准备：自定义指令介绍除了核心功能默认内置的指令(v-model和v-show等)，Vue也允许注册自定义指令。注意，在Vue2.0中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通DOM元素进行底层操作，这时候就会用到自定义指令。作为使用Vue的开发者，
·2022-12-03 08:10

Vue (Vue3) 入门 （学习笔记）

文章目录安装、使用当做一个类库（library）使用当做框架使用安装vue3运行、发布Vue实战福利:Vue-CheatSheet安装、使用使用Vue一般有2中方式，一种是把它当做一个类库（library
普通网友·2022-11-25 07:40

sass-loader版本过高

今天在学习狂神的vue实战上手的时候运行项目就死了，配置了半天终于好了第一个错误：Modulebuildfailed:TypeError:loaderContext.getResolveisnotafunctionsass-loader
lzh~·2022-11-20 11:23

Vue实战开发--后台管理系统Vue+Element ui（3）

这节课开始页面布局项目整体页面效果如下1.首页架子搭建使用Elementui中的Container布局容器，选择倒数第二个样式，将代码复制到Home.vue，//页面架子样式AsideHeaderMain更改Home.vue文件，更改container和aside样式。//Home.vue文件tempalte部分，更改样式一部分container和aside样式。AsideHeaderMain引入
luo_guibin·2022-11-02 00:50

vue实战-深入响应式数据原理

本文将带大家快速过一遍Vue数据响应式原理，解析源码，学习设计思路，循序渐进。数据初始化_init在我们执行newVue创建实例时，会调用如下构造函数，在该函数内部调用this._init(options)。import{initMixin}from"./init.js";//先创建一个Vue类，Vue就是一个构造函数（类）通过new关键字进行实例化functionVue(options){//这
·2022-10-18 17:13

vue实战-完全掌握Vue自定义指令

准备：自定义指令介绍除了核心功能默认内置的指令(v-model和v-show等)，Vue也允许注册自定义指令。注意，在Vue2.0中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通DOM元素进行底层操作，这时候就会用到自定义指令。———Vue官网作为使用Vue的开发者，我们对Vue指令一定不陌生，诸如v-model、v-on、v-for、v-if等，同时Vue也为开发者提供了自
·2022-10-17 16:08

vue实战中的一些小技巧

能让你首次加载更快的路由懒加载，怎么能忘？路由懒加载可以让我们的包不需要一次把所有的页面的加载进来，只加载当前页面的路由组件就行。举个，如果这样写，加载的时候会全部都加载进来。constrouter=newVueRouter({routes:[{path:'/',name:'Home',component:Home},{path:'/about',name:'About',component:Ab
·2022-10-17 14:07

Vue实战之Vue CLI 脚手架

VueCLI脚手架14.1什么是CLI命令行界面（英语：command-lineinterface，缩写：CLI）是在图形用户界面得到普及之前使用最为广泛的用户界面，它通常不支持鼠标，用户通过键盘输入指令，计算机接收到指令后，予以执行。也有人称之为字符用户界面（CUI）14.2什么是VueCLIVueCLI是一个基于Vue.js进行快速开发的完整系统。使用Vue脚手架之后我们开发的页面将是一个完整
helloworld工程师·2022-10-15 08:13

Vue实战必会的几个技巧

键盘事件在js中我们通常通过绑定一个事件，去获取按键的编码，再通过event中的keyCode属性去获得编码如果我们需要实现固定的键才能触发事件时就需要不断的判断，其实很麻烦letbutton=document.querySelector('button')button.onkeyup=function(e){console.log(e.key)if(e.keyCode==13){console.
·2022-10-03 15:21

vue实战（4）：postman测试数据、封装ajax、使用vuex管理状态

vuex,本来想着不慌，用起来，使用的过程中问题还真不少本篇涉及到的内容：---postman测试数据---封装ajax请求函数---封装接口请求函数---使用vuex管理状态---获取首页相关数据0.其它vue
weixin_30460489·2022-09-30 07:17

vue实战（1）：准备与资料整理

磨刀不误砍材工声明：本项目为照着尚硅谷vue视频仿写0.其它vue实战（1）：准备与资料整理vue实战（2）：初始化项目、搭建底部导航路由vue实战（3）：底部导航显示、搭建各模块静态页面、添加登录页页面与路由
weixin_30235225·2022-09-30 07:47

vue实战（5）：总结一

整理前一段所做的工作内容0.其它vue实战（1）：准备与资料整理vue实战（2）：初始化项目、搭建底部导航路由vue实战（3）：底部导航显示、搭建各模块静态页面、添加登录页页面与路由vue实战（4）：postman
weixin_30401605·2022-09-30 07:47

vue实战开发018:使用axios发送请求

花了点时间把登录页面写好了，接下来准备和后台进行交互，尝试一下登录页面的数据交互，这里vue我使用axios来发送请求，后台通过Django搭建服务来接受数据。Django项目我已经搭建好了，创建了一个基本的数据和路由视图，现在我们需要在vue项目中添加axios组件。安装axios到项目中，使用命令：npminstallaxios--save将axios安装到项目中安装好axios之后我们在项目
ProgramNotes·2022-09-30 07:42

Vue 汇总

VueVue-Vue基础Vue-组件化开发Vue-前后端交互Vue-前端路由项目相关Vue-前端工程化Vue-构建vue实战项目
友人A ㅤ·2022-09-23 18:04

vue实战项目-电商商城前台-（学习尚硅谷的）尚品汇

文章目录最好使用视频上的账号密码，13700000000密：111111最新服务端接口地址：http://gmall-h5-api.atguigu.cn脚手架使用1、创建项目2、脚手架默认目录：3、脚手架下载的项目稍微配置一下1）浏览器自动打开2）关闭eslint校验工具，以防写代码时没错也报错。3）src文件夹的别名的设置一、项目路由分析二、Header、Footer非路由组件完成1、使用非路由
drhrht·2022-09-08 17:09

Vue实战项目开发 - 项目的联调，测试与发布上线

Vue项目的接口联调修改config/index下的配置项就可以实现接口联调Vue项目的真机测试直接使用本机的ip进行访问不行，因为vue项目是通过webpack来实现在浏览器预览的，同时webpack-dev-server默认不支持ip访问，所以需要修改package.json配置文件，增加红框中的配置再查看你的电脑ip地址：就可以在手机上根据IP地址来进行真机测试了可以出现白屏的问题：需要安装
任性的我·2022-08-25 10:54

Vue实战之 12. 项目优化

1.项目优化1.项目优化策略生成打包报告第三方库启用CDNElement-UI组件按需加载路由懒加载首页内容定制1.生成打包报告打包时，为了直观地发现项目中存在的问题，可以在打包时生成报告。生成报告的方式有两种：通过命令行参数的形式生成报告通过可视化的ui面板直接查看报告（推荐）在可视化的ui面板中，通过控制台和分析面板，可以方便地看到项目中所存在的问题。2.通过vue.config.js修改we
chnyi6_ya·2022-08-25 10:53

vue实战入门进阶篇三：vue+elementui实现网站后台-系统框架搭建

系列文章目录  第一章系统功能规划  第二章登录界面实现  第三章系统框架搭建  第四章主页框架实现  第五章首页界面实现  第六章新闻资讯界面实现  第七章访问统计界面实现  第八章内容配置界面实现  第九章系统设置界面实现  第十章代码重构及项目发布
军军君01·2022-08-22 23:35

Vue实战开发移动端旅游网站

Vue实战开发旅游网站项目搭建搭建步骤项目结构首页拆解首页组件拆分步骤网络请求库axiosaxios与ajaxPromise安装axios如何使用axios请求和响应的拦截使用场景：使用axios请求拦截的实现方法跨域问题什么是跨域如何认定其他网站
奶酪_·2022-08-09 10:30

一套基础自动化部署搭建过程(vue实战防坑版)

点击上方“肉眼品世界”，选择“设为星标”回复”666“加入启明星技术社群导读:我是小编品品，把一个创业公司需要的基础环境特别是发布环境梳理一下，对创业公司或者更升职的leader或者想要升职的开发同学还是比较重要的，说得更直白一些：这个东西是基础环境，大家都会使用你这个，使用你的东西频次高了，是不是公司就会感觉你越来越重要当然要是你作为创业公司Leader自己搭建一套，个人觉得比运维搭建一套好；至
公众号:肉眼品世界·2022-08-09 10:59

Vue实战篇三十三：实现新闻的浏览历史

系列文章目录Vue基础篇一：编写第一个Vue程序Vue基础篇二：Vue组件的核心概念Vue基础篇三：Vue的计算属性与侦听器Vue基础篇四：Vue的生命周期（秒杀案例实战）Vue基础篇五：Vue的指令Vue基础篇六：Vue使用JSX进行动态渲染Vue提高篇一：使用Vuex进行状态管理Vue提高篇二：使用vue-router实现静态路由Vue提高篇三：使用vue-router实现动态路由Vue提高篇
智慧zhuhuix·2022-08-09 10:18

Vue快速入门

Vue程序2、Vue基本语法2.1、if判断2.2、for循环2.3、事件2.4、事件双向绑定3、Vue组件4、Axios异步通信5、计算属性6、插槽slot7、自定义事件内容分发8、创建vue项目二、Vue
桃味果仁·2022-08-05 12:35
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他