Vue2.0 第36页

vue.js2.0基于MVVM框架（Vuex+Vue Router+axios+jsonp+webpack 2.0+es6）全家桶技术实战

目前市面上Vue2.0都是一些基础的入门课程，本课程是vue.js2.0基于V基

lifei888555·2020-07-31 19:15

vue2.0的Element UI的表格table 格式化把数字格式化成文字

有参考https://blog.csdn.net/x_lord/article/details/70225481在el-table里直接加一个formatter，绑定一个方法在methods中加入ifendcase(val){console.log("aaaaaa");console.log(val.casestatus);if(val.casestatus=='1'){return"是"}els

hery186·2020-07-31 19:56

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

表格属性scriptnewVue({el:'#tableView',data:{//列表数据tableData:[{"createTime":1491559642000,"updateTime":1491559642000}],},methods:{//时间格式化dateFormat:function(row,column){vardate=row[column.property]; if

枫似·2020-07-31 19:08

Vue2.0学习(二)----自定义指令与实例的属性和方法

vue2.0如果有需要源代码，请猛戳源代码希望文章给大家些许帮助和启发，麻烦大家在GitHub上面点个赞！！！十分感谢一、自定义指令Vue自定义指令和组件一样存在着全局注册和局部注册两种方式。

浪里行舟·2020-07-31 19:06

vue路由（带参传值）

vueinitwebpackmy-project$cdmy-project$npminstall$npmrundev然后我们就开始搭建路由：npm安装路由npminstallvue-routernpm安装路由vue-resource网络请求模块（vue2.0

爱熬夜的疯子·2020-07-31 18:30

VUE中数组赋值push与=的区别

最近做项目时（vue2.0）遇到此坑耗费不少时间，分享如下:data中定义初始结构：data:function(){return{optionsArr:[{name:'',edit:false}],}}

chupin6790·2020-07-31 16:06

vue2.0 实现富文本编辑器功能【前端】

一、总结1.各个编辑器之间的较量UEditor：百度前端的开源项目，功能强大，基于jQuery，但已经没有再维护，而且限定了后端代码，修改起来比较费劲bootstrap-wysiwyg：微型，易用，小而美，只是Bootstrap+jQuery...kindEditor：功能强大，代码简洁，需要配置后台，而且好久没见更新了wangEditor：轻量、简洁、易用，但是升级到3.x之后，不便于定制化开发

chipang7687·2020-07-31 16:56

Vue2.0缓存

最近在做一个手机端的网站，遇到页面的缓存问题，自己由于经验不足，走了弯路。由于有些页面需要缓存，有些页面不需要。所以用全局缓存是不行的，必须要使用单页面的缓存。单页面缓存本案列适用于跳转到下一页然后回到当前页时需要显示第一次进入本页的信息。1.在index.js配置路由的文件中设置：exportdefaultnewRouter(routes:[{//会员代理path:'/proxyMember',

cdx1170776994·2020-07-31 16:32

Vue2.0 hash模式关于微信分享遇到的坑

使用Vue.js开发微信公众号网页，需要进行微信分享，遇到两个问题，在此记录。1.解决微信分享“#”后面内容分享后丢失的问题。由于我使用的路由模式为hash模式，每一个页面的路径为http://www.abc.com/#/good?goodsId=1这样的模式，分享的链接也是这个，当分享给微信好友后，分享的链接变成http://www.abc.com/?from=singlemessage/#/这

爱生活爱Coding·2020-07-31 14:17

vue常用UI组件库

网站地址：https://cn.vuejs.org2.Element，一套为开发者、设计师和产品经理准备的基于Vue2.0

Misnice·2020-07-31 14:31

实现VUE2.0中props数据双向绑定的一种方案

问题描述在vue2.0中，我们通过props方法来接受父组件所传过来的值，但是这个过程是单项的，父组件可以改变传给子组件的值，但是如果子组件想改变所接受的值并传给父组件是不可以的，会报以下的错误。

馒头老爸·2020-07-31 13:36

Vue2.0的三种常用传值方式、父传子、子传父、非父子组件传值

Vue常见的三种传值方式：1、父传子2、子传父3、非父子相传1、父组件向子组件进行传值//父组件父组件:importchildfrom'./child'exportdefault{components:{child},data(){return{name:''}}}```javascript//子组件子组件:{{inputName}}exportdefault{//接受父组件的值props:{in

Black_stonenight·2020-07-31 13:17

vue中使用keepAlive组件缓存遇到的坑

项目开发中在用户由分类页category进入detail需保存用户状态，查阅了Vue官网后，发现vue2.0提供了一个keep-alive组件。

zhengxiuchen86·2020-07-31 13:50

vue2.0 解决抽取公用js的问题

首先创建公用js在static中创建js—>utils.jsutils.js内容如下：exportdefault{install(Vue,options){Vue.prototype.formatDuring=function(mss){vardays=parseInt(mss/(1000*60*60*24));varhours=parseInt((mss%(1000*60*60*24))/(10

·2020-07-31 13:57

记录一次vue2.0（history模式）下微信自定义分享的坑

吐槽：关于微信自定义分享前前后后翻了文档两三遍，感觉大佬们写文档都是这么潇洒么？躲在角落里的我瑟瑟发抖了两天.....下面我们（带着愤怒）来看微信文档来进行开发：传送门1.根据文档来配置（公众号安全域名，引入官方微信js）2.配置权限，根据微信文档描述：所有需要使用JS-SDK的页面必须先注入配置信息wx.config({debug:true,//开启调试模式,调用的所有api的返回值会在客户端a

weixin_33694620·2020-07-31 12:34

vue2.0 实现导航守卫 --- 齐枭飞前端开发攻城狮（路由守卫）使用vue-router+vuex进行导航守卫

路由跳转前做一些验证，比如登录验证，是网站中的普遍需求。对此，vue-route提供的beforeRouteUpdate可以方便地实现导航守卫（navigation-guards）。导航守卫（navigation-guards）这个名字，听起来怪怪的全局守卫你可以使用router.beforeEach注册一个全局前置守卫：constrouter=newVueRouter({...})router.

qxfjyk·2020-07-31 12:55

（一）VUE2.0之引入Vant组件库

在日常的vue的开发中，进行移动端的开发时，经常使用vant组件作为项目的ui界面。下面是从新建项目到开发的全部过程：1、新建vue项目，这里使用vue-cli3.x版本。//安装Vuecli不管你的版本是多少执行下面语句都会安装最新版本npminstall-g@vue/cli//创建一个项目，名为hello-worldvuecreatehello-world//安装vant组件npmivant-

qq_39355295·2020-07-31 12:27

创建Vue2.0项目并且使用Idea开发工具打开

首先在https://nodejs.org/zh-cn/download/下载安装和配置node.js,查看安装情况，显示版本号说明安装成功node-v//查看node版本npm-v//查看vue版本然后安装淘宝镜像npmi-gcnpm--registry=https://registry.npm.taobao.org安装脚vue脚手架cnpmi-gvue-cli测试是否安装成功vue-V进入工作

表演系小学渣·2020-07-31 10:58

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

2019独角兽企业重金招聘Python工程师标准>>>Jinkey原创感谢showonne、yubang技术指导Demo地址:http://demo.jinkey.io/vue2源码:https://github.com/Jinkeycode/vue2-example什么是VueVue是一个前端框架，特点是数据绑定比如你改变一个输入框Input标签的值，会自动同步更新到页面上其他绑定该输入框的组件

weixin_33998125·2020-07-30 21:43

vue2.0学习

事件深入v-onv-on：click/mouseup...简写：@click:""（推荐）事件对象@click="show($event)"事件冒泡---阻止冒泡[email protected]="show($event)"（推荐）window.onload=function(){newVue({el:'#box',methods:{show:function(

一包·2020-07-30 21:14

vue+koa2+mongo前后端分离restful，配置和部署到云

前端项目1.使用vue-cli（vue2.0）搭建项目，这里就不发了.axios安装和配置～npminstallaxios1.main.js或app.js加载axios。

weixin_34383618·2020-07-30 20:31

Vue2.0权限树的实现

Vue2.0权限树的实现一、权限树是为了校验用户权限的树形组件二、能够解决项目中的权限控制问题，即同一组织的不同用户有不同的权限，并在树型组件中展示出来。

qq_41312632·2020-07-30 20:55

Vue源码解析：双向绑定原理

通过对Vue2.0源码阅读，想写一写自己的理解，能力有限故从尤大佬2016.4.11第一次提交开始读，准备陆续写：模版字符串转AST语法树AST语法树转render函数Vue双向绑定原理Vue虚拟dom

Vincent8080·2020-07-30 17:09

uni-app项目导入第三方组件库muse-ui

它基于Vue2.0开发，并提供了自定义主题，充分满

weixin_30877181·2020-07-30 17:53

vue+vueRouter+webpack的简单实例

vue-router也要降回1.0才能使用~~~所以今天就写一个单页的下方tabbar的实例来记录一下吧，也希望各位在用vue全家桶时少点坑吧，当然不是用vux==…只是仿造而已这里的demo我会使用vue2.0

yolo0927·2020-07-30 11:37

vue2.0 小白入门教程 --- 第一章 vue2.0 小白入门教程-CDN

第一章vue2.0小白入门教程-CDN目录第一章vue2.0小白入门教程-CDN课时1：使用git获取课程代码课时2：vue-初识vue及进入CDN课时3：Vue-实例化vue对象课时4：Vue-数据和方法课时

老张谋·2020-07-30 10:59

Vue2.0 + Element-UI + WebAPI实践：简易个人记账系统

weixin_30781107·2020-07-30 10:46

初学react(1)——create-react-app创建项目

从事了一年多的前端开发工作，之前都是使用vue2.0作为主要的开发框架，最近打算学习一下当下比较火的react框架。

前端李大人·2020-07-30 09:25

vue.js之路(4)——vue2.0s中eventBus实现兄弟组件通信

然而在vue2.0中，已经废除了这种用法。vuex加入后，对组件之间的通信有了更加清晰的操作，对于中大型的项目来说，一开始就把vuex的使用计划在内是明智的选择。

YuuyaRin·2020-07-30 01:56

hammerJs 在vue里简单的使用

参考链接：https://www.jianshu.com/p/0b0b9364f967git链接：https://github.com/bsdfzzzy/vue2-hammer请保证vue2.0以上查看

aliez.Zhou·2020-07-29 23:46

vue2.0总结 --- vue使用过程中的常见问题

Vue目前的开发模式主要有两种1.直接页面级的开发，script直接引入Vue2.工程性开发，webpack+loader或者直接使用脚手架工具Vue-cli，里面的文件都配置好了,webpack可以进行配置，配置多文件入口，进行多页面开发对于第二种开发方式,结合webpack打包完文件会很大,怎么解决这个问题?1.webpack代码拆分：code-spliting2.提取公共（如提取css,js

jmin_coming·2020-07-29 19:04

VUE2.0搭建脚手架入门

安装环境在很使用vue之前，需要先安装环境1.安装node.js，安装包可在官网找到node.js。安装过程就是傻瓜式的一直下一步。【因为在官网下载安装node.js后，就已经自带npm（包管理工具）了。】2.安装GitBash（因为个人不太喜欢直接用cmd）。GitBash是Git提供的一个轻量型的git命令工具。是仿真Linux和Unix的命令行环境。安装步骤如下2.1.进入官网下载GitBa

YQY_苑·2020-07-29 18:24

React

vuevsreactjsx,Vnode,diff单向数据流相似点都是为了解决数据响应的问题减少我们的dom操作通过数据驱动的方式开发应用程序包括虚拟domdiff算法不同点：vue中数据劫持的方式，数据动态化响应方式vue2.0

yang·2020-07-29 13:16

vue下axios以及vue-resource的对比使用

写在前面：vue2.0之后，就不再对vue-resource更新，而是推荐使用axios（注意了注意了）。

小确信(｢･ω･)｢嘿·2020-07-29 10:54

vue2.0使用ES6语法的箭头函数对this作用域的理解

在做vue项目时用到了axios，但是发现axios请求之后的回调函数里this并不指向当前vue实例，导致浏览器报错。部分代码：test:function(){let_self=this;//在外层函数内定义变量存储当前vue实例。this.$axios.post("url",{}).then(function(res){console.log(this);//结果是：undefinedcons

若晨工作室·2020-07-29 07:26

从壹开始前后端分离【 .NET Core2.0 +Vue2.0 】框架之七 || API项目整体搭建 6.2 轻量级ORM...

代码已上传Github+Gitee，文末有地址书接上文：《从壹开始前后端分离【.NETCore2.0Api+Vue2.0+AOP+分布式】框架之六||API项目整体搭建6.1仓储》，我们简单的对整体项目进行搭建，用到了项目中常见的仓储模式+面向接口编程，核心的一共是六层，当然你也可以根据自己的需求进行扩展，比如我在其他的项目中会用到Common层，当然我们这个项目接下来也会有，或者我还会添加Tas

weixin_34406061·2020-07-29 06:57

vue2.0插件vue-resource模拟服务端返回(JSON)数据

最近使用vue-cli做了一个小小的项目，在项目中需要使用vue-resource来与后台进行数据交互，所以我使用了本地json数据来模仿后台获取数据的流程。1：安装vue-resource；$yarnaddvue-resourceornpmaddvue-resource$npminstallvue-resource2、接着在build的dev-server.js进行加入代码：varapp=exp

lume博客·2020-07-29 06:35

vue2.0下拉列表数据绑定

1.html{{list.name}}2.scriptexportdefault{data(){return{selected:'大衣',types:[{name:'皮衣',value:'皮衣'},{name:'大衣',value:'大衣'},{name:'西装',value:'西装'},{name:'毛衣',value:'毛衣'}],3，methodselect(){console.log('c

milli236·2020-07-29 05:20

vue2.0 组件复用数据没有更新

如果开发过程中出现使用v-if-else来切换组件时发现数据没有更新，那么就是因为元素被复用具体可以参考vue官网-组件查看input元素发现只有input的placeholder的变化了元素本身就没有改变，而且输入的值也没有被清除；原因是vue为了尽快的渲染页面所以通常会复用已经渲染的元素，所以会导致绑定的数据并没被实时刷新；解决办法就是：对复用的元素添加key这样就避免了数据没有刷新的问题

moguPeople·2020-07-29 05:19

基于Vue2.0的外卖APP——后台功能实现（express框架）

前言虽然说为了前后端分离，可将两个不同工程目录放在两个不同项目目录下，但为了看到整个项目前后端结合使用的效果，在该项目实现中，放置在一个目录下，即“前端项目目录”内容概要1、express安装（1）切换至项目所在工程目录，cdE:\VueTestcdvue-sell（2）安装express应用生成器cnpminstall-gexpress-generator运行结果如下：（3）测试express版

pdsu_zhao·2020-07-29 03:46

Vue可复用性&组合

在Vue2.0中，代码复用和抽象的主要形式是组件，然而有的情况下，你仍然需要对普通DOM元素进行底层操作，这时会用到自定义指令。

CongYao666·2020-07-29 01:30

Vue2.0路由篇之路由跳转的一个小问题

Vue2.0路由篇之路由跳转的一个小问题Vue2.0路由篇之路由跳转的一个小问题需求分析实现过程遇到问题解决过程心得体会本文涉及到的知识点有Vue(v2.5.3)、vue-router(v3.0.1)、

xinlei_ye·2020-07-29 00:24

vue2.0使用swiper组件实现轮播

1、安装[email protected]、引用组件importSwiperfrom'swiper';import'swiper/dist/css/swiper.min.css';3、html页面代码4、初始化组件，并设置参数setTimeout(function(){state.swiperObj=newSwiper('#swiper',{loop:t

Tony3820·2020-07-29 00:31

Vue双向绑定（数据劫持，发布订阅者模式，diff算法）

Vue2.0双向绑定（数据劫持，发布订阅者模式，diff算法）最近一段时间自己找点东西学习，因为面试vue双向绑定问的挺多的，就想去深入研究一下本质原理，说是本质也不算，就是看了看别人的研究总结一点自己的看法和理解

码农i·2020-07-28 22:57

vue2.0中针对字符串类型数据转换并输出方法，输入框宽度根据文字输入个数动态增加方法。

最近做的项目有一个考试作答功能，其中除过单选，多选，判断，简答，还有填空题。其他题操作都很简单，但是填空题就稍微麻烦一点，需要做处理。一.数据结构及最终显示效果：二.HTML代码（重点）：{{index+1}}.{{vo.type==1?'【单选题】':vo.type==2?'【多选题】':vo.type==3?'【判断题】':vo.type==4?'【填空题】':vo.type==5?'【简答题

CloudEmperor·2020-07-28 20:58

史上最详细 VUE2.0 全套 demo 讲解基础4（条件渲染）

作者：混元霹雳手-Ziksang三篇基础发布之后，收到最多的就是谢谢楼主，其次的就是错别字有点多，这篇我肯定写完之后读三遍，现在已经是夜里2点了，如果还有没有发现大家就容忍一下，这次我将要讲的是条件渲染，对于条件渲染我觉得思来思去真没有什么好写的，但是既然我说过了这个是掘进史上最详细那我就要坚持我的创作，做一个最完整的教程出来，但是如果你真的从头到尾把这文章看下去，我相信你肯定会有收获接下来还是按

weixin_34399060·2020-07-28 19:36

vue2.0学习笔记（五）：vue组件表单输入绑定：v-model

vue组件表单输入绑定：v-model:github链接（demo03--持续更新中）v-model你可以用v-model指令在表单及元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。文本处理普通的输入框(input)第一个input输入的文本为：{{inputText}}多行文本处理多行文本textarea输入的文本为：{{textArea}}复选框单个复选框，绑定到布尔值：

weixin_34306446·2020-07-28 19:18

vuex入门实例(3/3) - end

vuex入门实例(3/3)最后一篇想写下vuex2.0以后的变化,其实严格意义不算入门了大家随便看看就好算这个系列的完结吧：）vuex为了迎合vue2.0的变化进行了大量的调整和优化先看下尤大2.0的设计传送门总结下大概有几点变化

weixin_33922672·2020-07-28 18:56

vue2.0移动端配置flexible.js

weixin_33909059·2020-07-28 18:42

vue2.0学习笔记（一）搭建学习环境

搭建一个学习的环境，尽量减少高阶知识干扰再一个HTML界面中引入cdn库，比如：代码：<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>学习VUE</title><scriptsrc="http://static.runoob.com/assets/vue/1.0

weixin_33768481·2020-07-28 17:36

推荐频道

Vue2.0