Vue2.0

解决vue2.0路由跳转未匹配相应用路由避免出现空白页面

在做项目的时候，遇到需要做路由跳转，但当用户输入错误url地址，或是其它非法url路由地址，我们或许会想到跳转至404页面。不管你有没有写一个404页面，当出现未匹配路由都需重新指定页面跳转。可能大家首先想到会是路由重定向，redirect来解决这个问题。但实际上通过redirect是没办法更好解决这个问题的。看代码红色部分importVuefrom'vue'importRouterfrom'vu
huang100qi·2020-08-07 14:22

Element-UI 的基本使用

Element-UI：一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库。
陈善强·2020-08-07 13:39

vue 2.0创建项目打包后index出现空白页面

前言：今天创建一个新的项目，打包过后检查index页面出现空白，百度了一下，vue2.0打包之前需要修改几处地方！！！
爬坑的小白·2020-08-07 12:35

主流前端UI框架

1、ElementUI适用于PC端页面开发样式，一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库。
屿麟·2020-08-07 10:22

Vue2.0 新手入门 — 从环境搭建到发布

Vue2.0兼容了绝大部分的1.0模板语法，仅废弃掉了其中的一小部分。
前端_渣渣·2020-08-06 11:03

vue2.0仿饿了么webapp

经过几天的学习，vue2.0仿饿了么app终于完成，老师使用的是vue1.0版本，我已经自己改成了vue2.0版本，之前也看到过别人发布过同样的博客，大家都是一起学习，一起进步。
xqnode·2020-08-05 21:14

elementui mock.js

1.ElementuiElement，一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库,网站快速成型的工具类似easyuilayui1.elementui使用1)安装:npmielement-ui-S2
weixin_44905274·2020-08-05 21:26

基于axios封装的api请求函数

在vue2.0不推荐使用vue-resource之后，大部分人的选择基本上都是axios，axios不光在vue上用，在angular和react上也能用。所以学会用它总会有用的。
淵波太郎·2020-08-05 20:14

vue2.0项目中使用CSS3 animation动画在安卓手机上失效解决办法

vue2.0+webpack做移动端项目，如果在项目中使用了CSS3animation动画属性，会发现在ios上完全没问题，但是在安卓手机上依然失效，尽管把animation在五大浏览器各种兼容都写了还是不行，原因其实很简答。其实在vue-cli脚手架package.json配置文件里面就有对浏览器的版本做css的前缀处理"browserslist":[">1%","last2versions",
CloudEmperor·2020-08-05 20:26

Vue2.0 搭建Vue脚手架（vue-cli）

介绍Vue.js是一套构建用户界面的渐进式框架。Vue只关注视图层，采用自底向上增量开发的设计。Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。阅读之前需要了解的知识htnlcssjavascriptnode.js环境(npm包管理工具）webpack打包工具安装node.js从node官网下载并安装node，安装步骤很简单，只要一路“next”就可以了。安装完成后，打开命
weixin_33795743·2020-08-05 20:16

vue入门实战教程 - 用vue高仿饿了吗APP

不过对于vue的入门还是不错的，使用的是vue1.0框架，虽然现在已经是vue2.0,不过2.0基本上只是多了virtual-DOM，Templates||JSX||Hyperscript，流式服务端渲染及一些性
大灰狼的小绵羊哥哥·2020-08-05 20:36

Vue2.0中使用less给元素添加背景图片出现的问题

在使用less在Vue.js中给元素添加背景图片时或者你会出现这样的写法background-image:url('../img/'+@{bg_url}+'2x.png');或者这样background-image:url('../img/'+@bg_url+'2x.png');这样background-image:url(../img/@{bg_url}2x.png);还有这样backgroun
豆i浆·2020-08-05 20:36

vue2.0 + webpack+axios+elementUi+vue-router+vuex 搭建后台管理系统环境部署（一）

项目的背景：最近公司项目需要做一个小型的填报的录入系统，根据业务的具体分析，采用了基于vue2.0+webpack+axios+elementUi+vue-router+vuex全家桶的技术栈构建录入系统，同时也作为学习vue全家桶技术栈的一个学习记录。代码管理工具git：git怎么使用，请自行百度，我一般采用的是在webStorm中通过git在代码库（码云）中进行下载，码云中代码库项目的创建很简
淡淡的云彩恋歌·2020-08-05 19:41

vue2.0中Ajax库（axios）

差点断更,最近换了新公司，新项目用的vue1,花了4天时间升级了大部分页面到vue2;在main.js中导入axios,并在vue的原型上添加该实例:importaxiosfrom'axios'Vue.prototype.$ajax=axios;当然Vue.prototype.$ajax也可以换成Vue.prototype.http,你开心就好,或者这个姿势也不错Vue.prototype.sb在
正在输入代码中·2020-08-05 19:44

vue2.0 饿了么学习笔记（14）food.vue的实现

点击food展开详情页food.vue的实现1）新建good文件夹和good.vue，设置样式，并接受一个被选中的foodprops:{//接收传入的foodfood:{type:Object}}2）获取food数据，goods.vue中food是由goods组件传出的，现在goods组件中引入food，并从data中将被选中的food传入food.vue中其中，selectedFood初始化为空
qq_22317389·2020-08-05 19:36

Vue2.0 项目实战案例及Demo，基于vue2.0+vuex+vue-router+axios实现

Github地址：https://github.com/hicoldcat/TimeCat├──README.md项目介绍├──index.html入口页面├──build构建脚本目录│├──build-server.js运行本地构建服务器，可以访问构建后的页面│├──build.js生产环境构建脚本│├──dev-client.js开发服务器热重载脚本，主要用来实现开发阶段的页面自动刷新│├──
李留白·2020-08-05 18:16

vue-cli3.0 + vue2.0 + iview----1.安装-创建

**node安装配置**1.下载对应你系统的Node.js版本:https://nodejs.org/en/download/**2.下载完成后，双击“node-v6.9.2-x64.msi”，开始安装Node.js点击【Next】按钮勾选复选框，点击【Next】按钮【change】修改安装目录，默认在C盘修改好目录后，点击【Next】按钮(默认选择安装AddtoPATH)点击Install安装完
XiaoYi0215·2020-08-05 18:09

vue2.0项目CSS3动画打包后动画失效解决办法

vue2.0+webpack做项目时，css3动画打包前正常，打包后失效，原因是：vue-cli脚手架package.json配置文件里面对浏览器的版本做了css的前缀处理"browserslist":[">1%","last2versions","notie1%","last5versions","Android>=4.0","notie<=8"]CSS部分我们也需要做好兼容写法，优雅降级和渐进
向前~皮卡丘·2020-08-05 17:48

【Vue2.0】 项目实战案例及Demo，基于vue2.0+vuex+vue-router2+axios实现

Github地址：https://github.com/hicoldcat/TimeCat【此处留白】-图片社交分享App技术栈前端：Vue2+Vuex+Vue-Router2+Axios+Webpack+ES6/7+Less项目安装#clone或者download项目gitclonehttps://github.com/hicoldcat/TimeCat.git#进入项目文件夹cdTimeCat
李留白·2020-08-05 17:57

Vue:vue2.0全家桶搭建element-ui+axios+vuex+mockjs

作为一名前端人员，并且作为一名使用过vue框架的前端人员，相信都听说过vue全家桶（1.项目构建工具vue-cli、2.路由vue-router:http://router.vuejs.org、3.状态管理vuex:http://vuex.vuejs.org、4.http请求工具axios:http://www.axios-js.com/zh-cn/docs/、5.样式element-ui:htt
NodeJS期刊-陈十七·2020-08-05 17:03

实例PK ( Vue服务端渲染 VS 浏览器端渲染 )

>>>Vue2.0开始支持服务端渲染的功能，所以本文章也是基于Vue2.0以上版本。网上对于服务端渲染的资料还是比较少，最经典的莫过于Vue作者尤雨溪大神的Vue-hacker-news。
weixin_34208185·2020-08-05 17:24

解析Vue2.0和3.0的双向数据绑定原理和异同(带源码)

解析Vue2.0和3.0的双向数据绑定原理和异同(带源码)Vue2.0和Vue3.0实现原理Vue2.0Vue2.0实现MVVM(双向数据绑定)的原理是通过Object.defineProperty来劫持各个属性的
超^Shine·2020-08-05 17:59

实例PK(Vue服务端渲染 VS Vue浏览器端渲染)

Vue2.0开始支持服务端渲染的功能，所以本文章也是基于vue2.0以上版本。网上对于服务端渲染的资料还是比较少，最经典的莫过于Vue作者尤雨溪大神的vue-hacker-news。
铁大伟少·2020-08-05 16:25

Vue之 Vue-touch的使用

开叉查阅资料~找到了vue-touch，使用起来可谓是简单粗暴啊，适合我这样的快速开发人员，源码地址：https://github.com/vuejs/vue-touch/tree/next不过要看清楚了，vue2.0
鱼活在水中·2020-08-05 16:42

实例PK(Vue服务端渲染 VS Vue浏览器端渲染)

Vue2.0开始支持服务端渲染的功能，所以本文章也是基于vue2.0以上版本。网上对于服务端渲染的资料还是比较少，最经典的莫过于Vue作者尤雨溪大神的vue-hacker-news。
weixin_34162401·2020-08-05 15:37

用npm创建vue项目(vue2.0)

2019独角兽企业重金招聘Python工程师标准>>>--安装nodejs用命令行生成vue项目框架需要npm包管理器来安装,而npm又是在安装nodejs的时候同时安装的安装命令行工具npminstall-gvue-cli//使用淘宝的镜像可以这样写，国内的朋友可以用这个，速度很快。国外的如果没有估计会安装不成功。npminstall-gvue-cli--registry="https://re
weixin_33834679·2020-08-05 14:08

Vue2.0开发购物车实例

看了慕课网的使用Vue2.0开发购物车的教程之后，自己也实现了一遍。
大灰狼的小绵羊哥哥·2020-08-05 14:35

vue2.0源码解析(一)

1、先下载vue源码(当前版本为：2.6.11)地址：gitclonehttps://github.com/vuejs/vue.git2.切换到package.jsondev脚本中-cscripts/config.js指明配置⽂件所在，参数为：TARGET:web-full-dev3、根据命令变量在scripts/config.js中找到如下代码'web-full-dev':{entry:reso
mschange·2020-08-05 12:24

Vue源码解析数据响应式(二)

Vue2.0数据响应式是利用ES5的Object.defineProperty以及watchers以及observe数据劫持实现，Vue3.0是利用ES6的proxy实现1、数据响应式在源码中的vue\
mschange·2020-08-05 12:53

vue2.0的Element UI的表格table列时间戳格式化

vue安装momentvue2.0的ElementUI的表格table列时间戳格式化表格属性script[javascript]viewplaincopynewVue({el:'#tableView',data:{//列表数据tableData:[{"createTime":1491559642000,"updateTime":1491559642000}],},methods:{//时间格式化d
zyx_·2020-08-05 12:02

elementUI介绍与Node.js环境搭建

环境搭建如何运行下载的Node.js项目ElementUI简介我们学习VUE,知道它的核心思想式组件和数据驱动,但是每一个组件都需要自己编写模板,样式,添加事件,数据等是非常麻烦的,所以饿了吗推出了基于VUE2.0
程 序 猿·2020-08-05 11:18

Vue：Vue基础知识之学会使用v-text、v-html两个指令

Vue：Vue基础知识之学会使用v-text、v-html两个指令1、index.html文件Vue.js实例Vue2.0实例HelloWorld实例v-if&v-else&v-showv-for实例v-text
听雪看味闻歌·2020-08-05 11:39

Vue 实现移动端左右滑动切换

Vue实现移动端左右滑动切换实现这个功能需要用到touch指令，这个是面向vue2.0的touch指令，是基于touchjs(移动端手势库)。
68rui·2020-08-05 11:24

详解vue自定义指令

注意，在Vue2.0中，代码复用和抽象的主要形式是组件。
lily2016n·2020-08-05 10:42

vue2.0的小坑——当Element UI 中的el-dialog包含子组件时，refs报undefind的问题

对于vue有一定了解的都知道，当父组件要调用子组件的方法时，可以在子组件的引用上写上ref，比如这样我们就可以在父组件的methods中直接调用一个方法(假设子组件的methods中有一个方法test())：this.$refs.appForm.test();这样就可以运行了但时当把这个子组件放到ElementUi中的el-dialog中，再像上面这样写是会报undefind的，可能生成组件的顺序
Leon_94·2020-08-05 02:03

vue2.0 使用vue-cropper裁剪图片并上传服务器

插件地址：https://github.com/xyxiao001/vue-cropper项目截图：1.npminstallvue-cropper安装2.main.js使用importVueCropperfrom'vue-cropper'Vue.use(VueCropper)3.选择图片//选择图片selectImage(){if(!window.plus)return;let_this=this
qq_27717857·2020-08-05 01:29

二、Vue（发送AJAX请求、Vue生命周期、计算属性、属性和方法、自定义指令、过渡(动画)）

一、发送AJAX请求1.简介vue本身不支持发送AJAX请求，需要使用vue-resource、axios等插件实现axios是一个基于Promise的HTTP请求客户端，用来发送请求，也是vue2.0
懂懂kkw·2020-08-05 00:05

Vue 的双向绑定：v-model

自Vue2.0以来，Vue就不再是双向绑定了，而是像React一样是单向绑定MV（Model-View）了。但是，在Vue中仍保留了双向绑定的接口，v-model就是。
LoveVin·2020-08-04 21:53

vue2.0页面刷新后无法从mounted中获取url（this.$route）信息的解决办法

问题使用element制作标签页时，需要根据页面当前的url设置标签页的初始状态，所以需要在mounted中获取当前的路由信息，代码如下：mounted(){console.log(this.$route);//无法打印出正常的url信息}原因由于vue中的dom渲染过程，我们无法在mounted中获取dom信息，也就没有办法获取当前路由的信息。解决办法使用setTimeout()方法，延迟获取d
齐 丶光·2020-08-04 20:42

【Vue】【NodeJS】部署并启动最简单的一个Vue项目

参考文章：使用vue-cli（vue脚手架）快速搭建项目Vue2.0新手完全填坑攻略——从环境搭建到发布环境：win10且已经安装了node（一）使用node安装cnmp,进一步安装vue-cli脚手架
天有行-地无迹-千秋怎堪一剑扫·2020-08-04 19:03

axios初次笔记（axios、promise是什么）

axios初次笔记axios是什么参考博客：ajax和axios、fetch的区别Vue2.0之后，尤雨溪推荐大家用axios替换JQueryajax，想必让axios进入了很多人的目光中。
wsdchong之小马过河·2020-08-04 06:04

Vue2.0进阶组件篇2 解析饿了么（spinner组件）

作者混元霹雳手-ziksang前两天一个同学问我想叫我写了一个spinner组件，那OK我就是那么能满足大家的口味，如果写一个spinner组件，别看一个小小的组件如何去写，很多人问我vuex，vue-router怎么玩，这东西有什么好玩的，看看api文档就可以去玩了，然后我就看看了饿了么spinner组件的写法，他是如何去组织自己的代码结构的因为饿了么的spinner组件本质上是基于px来写的，
weixin_34001430·2020-08-04 05:15

VUE2.0实现购物车和地址选配功能学习第六节

第六节地址列表过滤和展开所有的地址html：js：newVue({el:'.container',data:{limitNum:3,addressList:[],},mounted:function(){this.$nextTick(function(){this.getAddressList();});},computed:{filterAddress:function(){returnthis
weixin_30763397·2020-08-04 04:41

总结vue生命周期钩子使用方法

于是我开始先去搜索，发现vue2.0的生命周期没啥文章。大多是1.0的版本介绍。最后还
廿四桥明月夜·2020-08-04 02:26

vue2.0中v-on绑定自定义事件

vue中父组件通过prop传递数据给子组件，而想要将子组件的数据传递给父组件，则可以通过自定义事件的绑定。每个Vue实例都实现了事件接口，即：使用$on(eventName)监听事件使用$emit(eventName)触发事件父组件可以在使用子组件的地方直接用v-on来监听子组件触发的事件。html代码注册组件创建Vue实例这个例子是一个极简版的购物车合计，商品数量只要增加就合计一次总金额。子组件
WhaleHumpback·2020-08-03 23:04

Vue2.0学习——axios用法详解

原来vue更新到2.0之后,尤大就宣告不再对vue-resource更新,而是推荐的axios。在github上，41503个start，而vue-resource只有8000个，看来群众的眼睛是雪亮的，尤大的眼睛也是雪亮的。下面记录一下axios的使用。github地址：https://github.com/mzabriskie/axios功能特性在浏览器中发送XMLHttpRequests请求
啦啦啦987321·2020-08-03 22:18

互联网各岗位的生存指南

热门文章原创教程原创教程：《ECMAScript6教程》附加习题：《ECMAScript6教程》测试题原创教程：《Vue2.0基础教程》原创教程：《Vue2.0进阶教程》附加习题：《Vue2.0基础教程
前端君·2020-08-03 21:48

vue2.0 自定义组件（vue组件的封装）

vue2.0如何自定义组件（vue组件的封装）一、前言之前的博客聊过vue2.0和react的技术选型；聊过vue的axios封装和vuex使用。今天简单聊聊vue组件的封装。
HOLD ON!·2020-08-03 16:52

小白超详细理解vue2.0 购物车之小球动效

一.由于小球运动时x与y轴方向上的运动轨迹不同，因此一个小球需要两个div组成，外层控制y轴，内层控制x轴balls:[{show:false},{show:false},{show:false},{show:false},{show:false}],二.需要5个小球来完成动画，因为动画完成需要时间，如果再这个时间内多次触发，可能导致没有小球可以用，除非等前一个动画完成。drop(el){//触发
Nanyuey·2020-08-03 13:34

vue2.0 --飞机票项目

Hello，在项目中我们经常遇到手机验证码的倒计时60秒！网上一艘一大片，为什么我们不能动脑思考去实现呢？今天分享一个倒计时30分钟的demo，也是我这个项目中遇到的一个。虽然不难，但是理解，思路最重要！上图看效果：分析需要的方法：1.函数调用==>methods2.监听数据的变化==>watch3.计算属性==>computed分析逻辑思路：1.首先我们需要一个点击按钮，然后让它执行定时器的倒计
Facing_the_Giants·2020-08-03 12:52
上一页 30 31 32 33 34 35 36 37 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他