《vue全家桶》

vue全家桶之（一）使用 vue-cli 创建模板项目

最近学习vue，学的我是头昏脑涨，作为一个前端萌新选手，前端大佬无疑是我现在的目标，那么脚踏实地，记录一点一滴，我觉得是我现在有必要做的，前几天公司做大屏，我被echarts搞的要眼瞎，但还好，都挺过来了，前几篇里介绍了echarts里面的圆环，个人觉得还是比较详细，还是有借鉴之处，都是自己走过的坑。之前面试其他公司面试官问过我一个问题，react的运行环境怎么搭？我：**，还有问这个的（后来才知
Dreamer_xr·2020-08-11 19:36

2020 零基础到快速开发 Vue全家桶开发电商管理系统（Element-UI）【角色列表】

文章目录1、引言2、角色列表2.1通过路由展示角色列表组件2.2绘制基本布局并获取列表数据2.3渲染角色列表数据2.4分析角色下权限渲染的实现思路2.5通过第一层for循环渲染一级列表2.6美化一级权限的UI结构2.7通过第二层for循环渲染二级权限2.8通过第三层for循环渲染三级权限2.9美化角色权限下的UI结构2.10完成删除指定角色下权限的功能2.11关于角色列表其它功能模板说明3、结束语
一百个Chocolate·2020-08-11 19:50

2020 零基础到快速开发 Vue全家桶开发电商管理系统（Element-UI）商品列表篇

文章目录1、引言2、商品列表篇2.1通过路由加载商品列表组件2.2渲染商品列表数据2.3自定义格式化时间的全局过滤器2.4实现商品列表的分页功能2.5实现搜索与清空的功能2.6根据id删除商品数据2.7通过编程式导航跳转到商品添加页面2.8渲染添加页面的基本结构2.9实现步骤条和tab栏的数据联动效果2.10绘制基本信息面板的UI结构2.11绘制商品分类的级联选择器2.12阻止页签切换2.13绘制
一百个Chocolate·2020-08-11 19:50

Vue全家桶精简配置（vue-cli,vuex,axios,vue-router,elementUI）

在上一篇介绍使vue-cli3搭建了项目，并添加了一些基础的配置，现在就来和大家一起将项目需要用到的工具准备好。vue-cli在上一篇已经说了，这边就不重复了，axios安装npminstallaxios封装导入在src里面新建api文件夹，新建index.js文件最后将其导出然后我们就可以在同级文件夹，建对应接口文件并将index中导出的repuest引入在最后我们在对应组件，导入对应接口，并调
bug改不完·2020-08-11 19:53

vue全家桶+Echarts+百度地图，搭建数据可视化系统（【续】接口篇）

接上篇vue全家桶+Echarts+百度地图，搭建数据可视化系统1前言1.1业务场景实现数据监控的系统。有线图、柱状图、地图，并具有定时刷新的功能。
weixin_34054931·2020-08-11 19:34

Vue 全家桶学习笔记 —— Vue Router 的基础使用

Vue全家桶学习笔记——VueRouter的基础使用想要使用Vue来制作一个单页面应用，那么久不得不使用两个Vue官方提供的两个工具（当然你也可以不使用）——一个是页面路由工具VueRouter，另一个是状态管理工具
程序员一木·2020-08-11 18:04

Vue 全家桶学习笔记 —— Vue Router 的进阶使用

Vue全家桶学习笔记——VueRouter的进阶使用本篇文章是对VueRouter官方文档的总结，已经看过的小伙伴可以忽略，没看过的小伙伴可以看看哟，能省掉你看官方文档的时间。
程序员一木·2020-08-11 18:04

vue全家桶（一） 使用 vue-cli 构建项目

一.安装node.js进入node.js官网https://nodejs.org/en/download/，选择对应安装包，版本建议8.0以上。node.js安装完了，npm也就安装完了。键盘按下【win+R】键，输入cmd，然后回车，打开cmd窗口，输入node-v和npm-v分别查看对应的版本号，如图所示，显示出对应的版本号后就表示已经下载安装完成。二.安装vue-cli全局安装vue-cli
胡小方·2020-08-11 18:03

Vue全家桶学习 四、大型项目如何构建Vuex及实战应用

1.安装Vuexnpm安装npminstallvuex--saveyran安装yarnaddvuex2.Vuex新建示例模块构建如图所示store文件夹其中包括以下几个模块index.js内容部分如下,实例中在state中初始化5条数据/**index.js*///导入vue,vuex,其他几个使用到的模块importVuefrom'vue'importVuexfrom'vuex'importmu
June.1·2020-08-11 17:16

Vue全家桶学习 二、Vue-Router的使用详解

1.vue-router安装如果在vue-cli构建项目中没有安装vue-router,可以由npm自行安装。安装命令：npminstallvue-router--save2.模块化开发配置路由器引入路由模块和组件页面importVueRouterfrom‘vue-router’importPageOnefrom‘…/pages/page1/Page’importPageTwofrom‘…/pag
June.1·2020-08-11 17:46

从零开始搭建vue全家桶（一） 使用 vue-cli 构建项目

Vue全家桶介绍主要包含了vue-router、vuex，axios、vue-cli、sass、elementUI组成了一个完整的vue项目的核心构成。
jiang262740899·2020-08-11 17:56

Vue全家桶学习（二）

Vue-router插件的使用一、动态路由配置通过在路径上使用/:变量的方式去实现，例如：exportdefaultnewRouter({mode:'history',//路由模式hash|historyroutes:[{path:'/goods/:goodsId/user/:name',name:'GoodsList',components:{default:GoodsList,title:Ti
BeyondJSC·2020-08-11 15:23

【硬货】vue全家桶+Echarts+百度地图，搭建数据可视化系统

本文章篇幅略长，内容有点多，大佬可根据目录选择性查阅，新人可一步步来阅读。1、前言1.1业务场景突然接到产品说要做一个数据监控的系统。有线图、柱状图、地图，类似于数据可视化的方式。本人之前从未接触过Echarts，然后需要2周拿出成果，有点慌1.2业务分析拿到需求看了一下。支持用户名、密码登录，默认显示一个维度数据，然后点击可钻取进入第二维度数据，再点击进入第三维度数据展示。大致估摸着。。。系统搭
只为编程·2020-08-11 15:30

2020 零基础到快速开发 Vue全家桶开发电商管理系统（Element-UI）数据统计篇

文章目录1、引言2、分类参数篇2.1通过路由加载数据报表组件2.2安装Echarts并渲染Demo表图2.3获取折线图并渲染图表2.4本篇源码：3、结束语点击进入Vue❤学习专栏~1、引言寒假是用来反超的！一起来学习Vue把，这篇博客是关于数据统计，请多指教~2、分类参数篇2.1通过路由加载数据报表组件首页数据统计数据报表exportdefault{data(){return{}},created
一百个Chocolate·2020-08-11 15:51

vue全家桶项目学习（三、veux）

一、使用首先通过import引入vuex，然后通过Vue.use(Vuex)加载，最后创建Vuex实例并导出。二、state可以理解为vue组件中的data，在其中定义的变量可以在各个组件中使用。简单使用...state:{name:'anni'},...组件中使用：{{name}}exportdefault{computed:{name(){returnthis.$store.state.nam
仍在努力中·2020-08-11 15:43

vue全家桶项目学习（一、项目创建 vue-cli4.0）

环境安装vue-cli（自3.0开始改名为@vue/cli）npminstall-g@vue/cli检查是否安装成功一、命令行创建在要建立项目目录里执行npmcreate项目名default：默认配置Manuallyselectfeatures：手动配置这里我选择到手动配置Babel：语法转译（es6->es5等）TypeScript：使用tsProgressiveWeb（PWA）Support：
仍在努力中·2020-08-11 15:43

vue全家桶项目学习（二、vue-router 下篇）

一、路由组件传参继上一片博客，在组件中使用$route会使之与其对应路由形成高度耦合，从而使组件只能在某些特定的URL上使用，限制了其灵活性。使用props将组件和路由解耦，这样你便可以在任何地方使用该组件，使得该组件更易于重用和测试。布尔模式,适用动态匹配路由{path:'/page1/:param',name:'page1',component:()=>import('../views/pag
仍在努力中·2020-08-11 15:43

vue全家桶项目学习（二、vue-router 上篇）

一、使用通过上一篇文章已经通过vue-cli4.0创建好了vue项目，首先项目默认router配置文件和组件中使用及main.js中挂载如下在src/router/index.js路由配置文件中，首先通过import引入vue和vue-router，然后创建路由列表routes。然后通过Vue.use(VueRouter)加载，通过constrouter=newVueRouter({routes}
仍在努力中·2020-08-11 15:43

vue全家桶项目学习（四、axis）

一、安装与使用安装npminstall-Saxios使用importaxiosfrom'axios';exportdefault{mounted(){axios.post('http://xxx.xxx.xxx.xxx/getInfo',{param:'test'}).then(res=>{...}).catch(err=>{...})}}二、跨域vue.config.js中设置代理module.
仍在努力中·2020-08-11 15:32

Vue学习之高级系列（vue-cli,vue-router,vuex）

Vue高级-Vue全家桶技术1.vue-cli脚手架2.vue-router路由3.vuex多组件状态管理vue-cli它是vue提供的一个用于构建vue项目的脚手架，目前它的版本已经到了4.x版本vue-cli2
静简。·2020-08-11 14:07

vue全家桶+Echarts+百度地图，搭建数据可视化系统

本文章篇幅略长，内容有点多大佬可根据目录选择性查阅新人可一步步来阅读新增文章：vue全家桶+Echarts+百度地图，搭建数据可视化系统（【续】接口篇）1前言1.1业务场景突然接到产品说要做一个数据监控的系统
weixin_33994429·2020-08-11 14:44

微信小程序视频播放插件vue-video-player使用兼容移动端

在工作中需要视频播放功能，因为前端用的vue全家桶，经过技术筛选之后决定用vue-video-player插件实现。
星霖丶·2020-08-10 19:35

vue全家桶使用遇到的eslint问题以及解决方案

1.Trailingspacesnotallowed去掉多余的空格2.Newlinerequiredatendoffilebutnotfound需要在最后的后面回车，空一行3.Missingspacebeforevalueforkey‘name’在关键字“值”之前缺少空格4.space-before-blocks关键字后面要空一格。5.Aspaceisrequiredafter‘,’在逗号后面要加
甜到牙都掉了啊·2020-08-10 09:09

Vue全家桶都包括些什么？

Vue有著名的全家桶系列，包含了vue-router（http://router.vuejs.org），vuex（http://vuex.vuejs.org），vue-resource（https://github.com/pagekit/vue-resource）。再加上构建工具vue-cli，就是一个完整的vue项目的核心构成。vue-router路由推荐使用npm工具来安装vue-route
叁叁肆肆·2020-08-10 04:30

vue全家桶和react全家桶

感谢内容提供者：金牛区吴迪软件开发工作室今天笔者就简单的给大家介绍一下一般项目在开发的时候所提到的vue全家桶和react全家桶分别都包括哪些内容。
超级吴小迪·2020-08-10 04:12

vue全家桶-vue生命周期

vue的生命周期其实很好理解，它就是一个vue实例从创建到销毁的一个过程。我们先来看一下官网给的vue生命周期图谱从图上可以很轻易看到vue的生命周期由8个钩子分成了8个阶段beforeCreate:创建前created：创建后beforeMount：载入前mounted：载入后beforeUpdate：更新前update：更新后beforeDestroy：销毁前destroyed：销毁后别人介绍
佳小凡·2020-08-10 03:14

vue全家桶-vue-cli

今天本准备写一个vue点菜界面的的demo，发现自己的webpack、node版本都有点低了，就将自己全局安装的包都更新了下。只是webpack4.x的兼容还是有些问题的，不建议在工作中使用4.0以上的版本，但是学习嘛，自己用用还是没有一丝问题的。node的安装这里就不说了，不会的同学自己百度下。下载完成后：可以win+R,cmd去使用npm；也可以下载git，打开gitbash使用，看个人习惯吧
佳小凡·2020-08-10 03:14

vue全家桶版本升级排错

于是我尝试系统性升级vue全家桶，这也是为系统赋予更多能力做准备。结果遇到一些报错，这里记录一下。升级过程当前版本vue:2.5.10vue-loader
大前端技术沙龙·2020-08-10 03:21

Vue全家桶实现一个Web App

vue-jumei-app好的生活，聚集美丽，成人之美！从现在做起！效果预览?预览地址：[请点我！在线预览，手机浏览或切换浏览器移动调试]()PS：google浏览器在切换不同的手机测试，需要重新刷新页面；安卓手机可能不适应?源码地址：Github在这里项目描述技术栈Vue2.0全家桶+axios+Vuex+Mint-Ui+Mock.js+Stylus前端部分Vue2.0前端页面的展示SPA单页应
weixin_33885253·2020-08-10 03:00

vue全家桶-Router基础(1)

前言在前端领域里面,路由是非常重要的.所以我们不得不去了解路由到底是什么?认识路由下载插件分析router.js文件认识路由从路由的实现原理来解释:路由就是URL到函数的映射.当你访问该URL的时候它就会执行对应的方法.这里的路由并不是我们家里面用的路由器,所以我们一定要区分路由与路由器的区别.路由器我们可以认为它是一个容器,用来管理多个路由.路由的模式hash模式早期前端路由的实现就是基于loc
「已注销」·2020-08-09 23:45

Vue全家桶- Vuex

Vue全家桶-VuexVuex概述组件之间共享数据的方式Vuex是什么使用Vuex统一管理状态的好处什么样的数据适合存储到Vuex中Vuex的基本使用Vuex的核心概念核心概念概述Vuex概述组件之间共享数据的方式只适合在小范围内数据共享父向子传值
噢噢怪·2020-08-09 22:54

尝一尝Vue全家桶

本文将介绍Vue全家桶（Vue+Vue-router+Vuex）在项目中的使用。经过一个项目的开发，个人感觉相比于React，Vue给我最大的感受是简单、易理解，不过这可能和我自身对R
itheima_Wujie·2020-08-09 21:53

Vue全家桶基础设施环境搭建

vuepreset一个Vue项目的初始化其实代码结构都挺大同小异的，为了方便起见把相同的代码部分抽取出来。github地址：https://github.com/csuZipple/Vue-cli-templatevue-cli:v2.9.3Function这一套基础设施实现了以下基础功能：reset.css项目路由路由鉴权axios全局配置api统一异常处理api超时重新请求跳转路由取消请求请求
csu_zipple·2020-08-09 20:49

基于vue-cli@3+vue全家桶仿小米商城

小米商城移动端仿版声明本项目纯属本人闲时开发，页面参考小米商场官网（移动版）页面，项目中所涉及到的接口均为假数据，为实现页面数据交互效果（假数据小米商城官网）；其中开发均为本人一人参与，如有侵权，联系删除（@小米商场）；发现问题可Issues本人，会做相应修改，但具体功能截至，不做后续迭代；如有借鉴或转发,请表明本文出处即可，否，必追究。项目简介github仓库地址github.com/yangz
weixin_34204722·2020-08-09 14:07

前端Vue开发过程使用相关组件及库

.x的移动端&微信UI-[vux]移动端Vue组件库个人比较看好的一款百度开源图标库-[echarts]百度图表库基于Vue的三方插件-[vue-toast-plugin]比较不错的基于Vue提示插件Vue
weixin_33796177·2020-08-09 14:23

vue + echarts封装 mock模拟数据

一、准备工作1、vue全家桶2、mock安装配置作⽤：⽣成随机数据，拦截ajax请求安装：用yarn或者npmyarnaddmockjsnpminstallmockjs核⼼：Mock.mock()//根据数据模板
梦兰伯特·2020-08-09 11:00

vue 推荐插件

vue全家桶axios、vue-router、vuexUI框架iView、Element-UI、Vant常用插件nuxt.js用于服务器渲染Vue项目的框架（利于seo）node-sass&sass-loaderscss
Jusme_wx·2020-08-09 05:56

Vue全家桶+Socket.io+Koa2打造一个智能聊天室 接口已开放

Vue.js+Socket.io+Koa2打造一个智能聊天室Vue.js全家桶+Socket.io+Express/Koa2打造的一个智能聊天室。已经开源啦！为了方便大家学习，智能机器人、IP定位接口也开放了！接口请在源码中查看?QQ群里面的智能机器人很火，于是用Vue.js+Socket.io+Koa2打造了一个智能聊天室，实现了IP定位、在线群聊，加入了Emoji表情?，以及接入了智能机器人?
weixin_33805743·2020-08-09 00:29

vue-zhihu-daily知乎日报

这是一个基于Vue全家桶开发的知乎日报WebApp，页面样式主要参考iOS版知乎日报APP。
大灰狼的小绵羊哥哥·2020-08-08 21:19

vue电商实战项目

github.com/sirfuao/vue_shop.git顺便附上，微信小程序的地址：https://blog.csdn.net/fuao/weChat1、项目描述1、此项目为一个前后端分离的电商实战项目2、采用了Vue
@小傲哥哥·2020-08-08 20:52

Vue全家桶—Vue基础

1.Vue概述Vue：渐进式JavaScript框架声明式渲染->组件系统->客户端路由->集中式状态管理->项目构建官网：https://cn.vuejs.org/v2/guide易用：熟悉HTML、CSS、JavaScript知识后可以快速上手灵活：在一个库和一套完整框架之间自如伸缩高效：20kB运行大小，超快虚拟DOM2.Vue基本使用2.1helloworld基本步骤{{msg}}//Vu
友人A ㅤ·2020-08-08 20:28

Vue全家桶 之 KTV前台收银管理系统 (不想努力啦，回家收钱去)

年关将至，归心似箭。家里在小镇上接手了家小型KTV，发现之前的前台收银管理系统已无法使用，收银员竟然在纸上用笔记录着客人的点单，杂乱无章。之前的管理系统和网上查找的其他的一些系统都大同小异，且都是有些年份的，售后肯定指不上，再者也用不上大多功能，界面也不好看。于是本着学习的态度（收钱的快感）开始使用Vue定制化我们自己需要的KTV前台收银管理系统。基本业务需求功能不多，但简单实用技术点vue-cl
weixin_34356555·2020-08-08 11:34

vue 监听路由刷新跳转，根据是否登录设置路由规则

在vue项目中，一个可行的路由规则很重要，它决定着用户是否有权限进入的路由，已经某些路由在刷新时要跳转等等这部分代码是使用vue全家桶之一的router完成的，下面看具体实例constwhiteList
haeasringnar·2020-08-07 14:01

nuxt核心原理2------nuxt——服务端渲染可选方案

团队在最近的一次开发中前端技术栈从html+css+jquery转向vue全家桶。后端从php+Blade+jquery转向vue全家桶。在转向前后端分离的开发模式中遇到了一些问题。
after you·2020-08-07 14:27

基于vue和axious的http拦截和路由拦截

一个项目学会vue全家桶+axios实现登录、拦截、登出功能，以及利用axios的http拦截器拦截请求和响应。
xiazeqiang2018·2020-08-07 11:06

浅谈使用Vue全家桶做项目

浅谈使用Vue全家桶做项目引言项目搭建依赖环境配置创建一个项目安装常用的依赖配置路由Router配置一个状态管理Vuex配置Rem弹性布局配置Axios开发流程模块开发思路父子组件通信Vuex跨module
UserWu1001·2020-08-07 10:50

vue全家桶-vuex

1、Vuex概述Vuex是实现组件全局数据管理的一种机制，可以方便的实现各个组件之间的数据共享问题偷了一张图：#左边的图是没有使用vuex的时候：这个时候我们组件之间如果需要传递数据的话，那么在模块多的情况下，传递关系错综复杂，难以维护。#右边的图是使用vuex的时候：这个时候我们组件之间如果需要传递数据的话，那么在不管模块多少，共享数据都是通过vuex的store来进行存取，这样就统一管理了我们
自在仙·2020-08-06 14:00

vue实战项目 vue-typescript-music 音乐项目 解析

vuevue-routervuexvue/clitypescript高仿网易云音乐实现代码全方位解析前言:vue全家桶+TypeScript构建一款移动端音乐webApp项目的笔记项目源码地址（https
扛狼1427·2020-08-06 10:23

vue3.0搭建后台管理系统——新建项目并配置环境

自己实战整理的步骤，可以轻松构建vue全家桶项目（本文省去前面node安装,脚手架安装过程，只针对搭建项目的过程）一、创建项目1.指令：vuecreatevue-manager-systembabel转译
chuwarrior·2020-08-05 20:45

自己使用Vue全家桶问题合集（很多eslint规范问题）

遇到很多问题一一道来。1.vue报错Donotusebuilt-inorreservedHTMLelementsascomponentid:header组件，不能和html标签重复header组件，h5新标签重复由于在模板需要插入到DOM中，所以模板中的标签名必须能够被DOM正确地解析。主要有三种情况：一是完全不合法的标签名，例如；二是与HTML元素重名会产生不确定的行为，例如使用input做组件
weixin_30414305·2020-08-05 20:15
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他