VUE实战

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

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-07-09 09:13

【Vue实战】使用elementui实现表格的增加、删除、跳转详情页功能

1.环境配置1.1安装并引入elementui安装npmielement-ui-S在main.js中引入（全局引入）importElementUIfrom'element-ui';import'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);1.2安装并引入axios安装[email protected]在main.j
想做一只快乐的修狗·2022-07-07 09:15

20-Vue实战项目：电商管理系统（Element-UI）总结

20-Vue实战项目：电商管理系统（Element-UI）总结结果如下：这算是我自己跟着视频做的第一个比较完整的可以看的项目了，用时18天，但这视频的总时间是20个小时，自己还是比较的低效率。
aoyia·2022-06-21 18:48

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-06-09 10:56

黑马程序员课程Vue实战项目_Element-ui——电商后台管理系统-商品管理（商品列表）

商品列表目录商品列表一.创建一个子分支二.创建组件三.绘制商品列表的页面基本结构1.面包屑导航2.卡片视图区域四.功能1.搜索2.删除3.添加五.提交代码一.创建一个子分支gitbranch——查看当前所在分支gitcheckout-bgoods_list——创建新的子分支goods_listgitbranch——查看当前所在分支gitpush-uorigingoods_list——将子分支goo
Super咩咩·2022-06-02 13:34

黑马程序员课程Vue实战项目_Element-ui——电商后台管理系统-订单列表

目录一.创建一个子分支二.创建组件三.绘制订单列表的页面基本结构1.面包屑导航2.卡片视图区四.功能五.提交代码一.创建一个子分支gitbranch——查看当前所在分支gitcheckout-border——创建新的子分支ordergitbranch——查看当前所在分支gitpush-uoriginorder——将子分支order推送到云端仓库中二.创建组件在component文件夹中新增一个or
Super咩咩·2022-06-02 13:34

黑马程序员课程Vue实战项目_Element-ui——电商后台管理系统-数据报表

目录一.创建一个子分支二.创建组件三.绘制订单列表的页面基本结构1.面包屑导航2.卡片视图区四.提交代码一.创建一个子分支gitbranch——查看当前所在分支gitcheckout-breport——创建新的子分支reportgitbranch——查看当前所在分支gitpush-uoriginreport——将子分支report推送到云端仓库中二.创建组件在components中创建report
Super咩咩·2022-06-02 13:34

黑马程序员课程Vue实战项目_Element-ui——电商后台管理系统-商品管理（商品分类）

目录商品分类一.创建一个子分支二.创建组件三.绘制商品分类的页面基本结构四.功能五.提交代码商品分类一.创建一个子分支gitbranch——查看当前所在分支gitcheckout-bgoods_cate——创建新的子分支goods_categitbranch——查看当前所在分支gitpush-uorigingoods_cate——将子分支goods_cate推送到云端仓库中二.创建组件通过路由的形
Super咩咩·2022-06-02 13:33

黑马程序员课程Vue实战项目_Element-ui——电商后台管理系统-权限管理制作

黑马程序员视频_权限管理目录权限管理一.创建一个新分支二.权限列表三.角色列表权限管理一.创建一个新分支创建新分支用来进行对应功能模块的开发gitbranch——检查当前所处分支gitcheckout-brights——在master身上创建一个新的子分支rightsgitbranch——查看当前所处分支，可以看到我们已经处于rights子分支上了gitpush-uoriginrights——将本
Super咩咩·2022-06-02 13:03

Vue实战总结

主要讲解Vue（Vue.js+Vuex+TypeScript）实战中遇到的一些技术点。Vue项目中使用TypeScript在vue项目中使用ts有两种情况：在新项目中使用TypeScript在已有Vue项目中使用TypeScript。在新项目中使用TypeScript使用@vue/cli工具创建是选择使用ts即可。创建完的项目中会有两个ts文件。其中shims-ts.d.ts文件是jsx语法的类型
蓝欣执念·2022-05-31 18:37

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-05-28 18:33

Vue实战篇二十五：使用ECharts绘制疫情折线图

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

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-05-22 17:25
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他