vue2.x 第23页

不用mock，前端来建立后端服务以便自己实现接口

主要用到的技术与功能插件前端：vue2.x,vue-

小鸟游露露·2020-07-13 10:10

动手写写Vue的数据劫持

二、介绍这里学习的是Vue2.x下双向绑定的方法，是数据劫持+订阅发布者模式。

nysheng·2020-07-13 10:26

vue-navigation一个原生路由插件

github:https://github.com/zack24q/vue-navigation需要vue2.x与vue-router2.x。

弹琴弹琴·2020-07-13 02:34

创建一个vue2.x项目

以下以命令为步骤1.vueinitwebpack你要确定你所需的环境都配置了，例如node，vue-cli（2.x版本），npm，然后配置一些选项，就可以自动创建一个vue项目了2.此时项目的框架大体上搭建好了，其实已经可以开始做项目了，但是为了更好的做项目，我们需要配置一些自己喜欢的插件2.1使用px2rem-loader插件npmilib-flexible-Snpmipx2rem-loader

a474786378·2020-07-13 02:07

vue 使用 vue-amap 生成高德地图

首先说一下，什么是vue-amap，vue-amap是基于Vue2.x与高德的地图组件，数据状态与地图状态单向绑定，开发者无需关心地图的具体操作vue-amap官网https://elemefe.github.io

ZPeng_Yan·2020-07-13 01:12

Vue中的过滤器、拦截器、生命周期

过滤器分为全局过滤器和局部过滤器；Vue1.x版本借鉴了angular,提供10个过滤器，包括有：日期小数点位数保留货币大小写等Vue2.x废弃了这10个过滤器，但是它提供了自定义过滤器的方式，老版本的就不说了

WuJiangang5112·2020-07-13 01:46

使用vue-cli 创建vue2.x项目中使用vue-router 与之前的区别

使用vue-cli创建vue2.x项目中使用vue-router与之前的区别现在根据官方文档查看开始,可以看到:HTML中使用router-link组件来导航,通过传入’to’属性指定链接,而默认会被渲染成一个标签

法研鲁迅·2020-07-12 22:08

vue-composition-api 解读(1)

@vue/composition-api解读1vue-composition-api是vue官方出得,基于vue3的RFC来兼容Vue2.x的增强api，具体API和vue-next是差不多的，具体的API

Virtus_pro·2020-07-11 21:42

Vue2.x之过滤器filter函数

目录直通车定义过滤器使用过滤器引入cdn怎么使用？实例代码我还是先解释，后面贴出实例代码，便于大家学习。filter是Vue的一个函数，使用之前需要先定义。定义过滤器//filterName是自己给过滤器命的名Vue.filter('filterName',function(value){//返回处理后的值})使用过滤器{{myData|filterName}}{{myData|filterNam

Mr.DJun·2020-07-11 20:00

Vue2.x文档细读（基础篇）

yuan5801551·2020-07-10 13:58

Vue2.x 的笔记：第一次的感受 Vue 开篇

在互联网高速发现的今天，可以说每天都在变化着一不留神你就会错过一个亿，所以你不得不时刻的保持着高度的专注。互联网的信息是多元的，大量的，在海量的信息中很容易就会迷失自己，沉浸在互联网给我们带来的快乐当中。所以不管你做的什么行业，时刻都要保持关注，因为我是做技术的，所以我们今天就来说说技术把。谈谈我的愚见我的主业是做前端开发，然而如今的前端开发与前些年的传统的前端开发相比已经发生来翻天覆地的变化。由

weixin_34377919·2020-07-10 09:09

Vue2.x源码解析系列一：我的源码阅读心得

写在前面的话：关于作者言川笔名言川,前端工程师，精通Vue/Webpack/Git等，熟悉Node/React等，涉猎广泛，对算法/后端/人工智能/linux等都有一定研究。开源爱好者，github上目前总计5000+Star。我的github主页：https://github.com/lihongxun945我的博客地址：https://github.com/lihongxun945/myblo

weixin_33932129·2020-07-10 07:38

vue总结

1.vue1.x到vue2.x部分区别1.cli--inline被默认开启2.contentBase换成proxy3.减少控制台无用输出比如断开服务器1.x输出错误信息2.x输出disconnected4.2.0

weixin_30919919·2020-07-10 07:34

Vue2.x源码解析系列

原文https://github.com/lihongxun945/myblog这里都是每周读书笔记性质的博客，以前端知识为主，记录每周学习的各种零碎知识。（按时间倒序）Vue3.0开发路线发布关于Vue和React区别的一些笔记⭐️使用Rollup构建你的JS代码理解Iterator,Generator和Async/Await⭐️我们为什么需要指令JS引擎基础：Shapes和ICs系列博客(精华

大灰狼的小绵羊哥哥·2020-07-10 02:30

vue（必须）掌握的相关知识

现在补充一下vue2.x的相关知识。

那颗星好美·2020-07-10 00:42

vue-cli(vue2.x)中使用mixins（混入）

官网参考链接：https://cn.vuejs.org/v2/guide/mixins.html前言：混入(mixins)是一种分发Vue组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。选项合并原则：当组件和混入对象含有同名选项时，这些选项将以恰当的方式混合。1、数据对象在内部会进行浅合并(一层属性深度)，在和组件的

winne雪·2020-07-09 20:23

【vue】基于vue2.x的vue项目最最最基础模板

前言好久不见啊大家，今天想写这篇博客的时候才发现博客已经断更大半年了（手动滑稽）由于去年十二月份被公司再次发配到上海出差，而且这次主要开发的是针对IE浏览器的一个插件（c++和js的交互）所以就很长时间没有接触外网了，更别说开发外网的项目了，博客也没什么可更新的了这篇博客是插件已经基本开发完成，马上又要重新接手外网的项目了就准备重新给大家搭建个vue项目最最最最最基础模板顺便自己再回顾下一、项目基

不想写代码的码农·2020-07-09 19:23

vue2.x 使用event返回当前点击事件的对象(主要应用在循环出来的dom元素设置点击时，返回当前被点击的dom对象)

我的需求：点击div时就将我点击的这个div里面的button显示出来，再次点击就隐藏首先看看循环出来的HTML代码模块{{data.title}}进入教室注意到我这里设置一个div的点击事件，那么下面就是点击这个div时，就获取点击的那个dom对象。看js部分的代码。methods:{showbutton(teachers,e){vareventdom=e.target//获取点击的dom对象v

haeasringnar·2020-07-09 16:25

Vue3 核心功能的第一次尝鲜经历

与vue2.x的区别以及个人观感vue3

全栈修炼·2020-07-09 14:57

vue2.X心得

VUEJS学习网址：https://cn.vuejs.org/此文章是用来记录自己的学习和实践心得。关注点：父子组件之间的通信看图说话：PassProps子组件本身与父组件是孤立的，通过子组件中显示声明的props属性，接收父组件数据;父组件的数据更新时，子组件的prop会跟着更新；此数据流动是单向的（看着）;EmitEvents子组件使用$.emit(fn)向外抛出自己的内部触发的事件;父组件是

aisi1982·2020-07-09 13:11

vue2.x和vue3的数据响应式原理

那么都快要使用3了，vue2.x和vue3的数据响应式原理有什么差异？我单独分析一个点。

三木雪白水·2020-07-09 10:46

Vue3体验卡～

2.x，但是众所周知在今年的上半年，至少作者是这么说的所以很多东西也都还没确定百分百是这样的，很有可能有改动，这个到时候再说本章讲的内容基本都是根据Vue官方RFC来写的，因为这里面的消息还相对可信与vue2

你脑子里的铁线虫·2020-07-09 08:09

vue2.x与vue1.0一些插值和指令的比较

1.单次插值v1中单次插值语法{{*数据}}，v2不能使用v2使用v-once指令{{msg}}{{*msg}}-->{{msg}}varapp=newVue({el:"#myapp",data:{rawHTML:'thisshouldbered.',msg:"xixi"},methods:{pclick:function(){this.msg="haha"}}})2.html插值v1中过滤htm

落崖惊风yxy·2020-07-09 04:13

vue v-for循环数据列表，点击获取循环列表当前项的某一项的数据，例如id

前言本文为vue2.x语法，3.0语法从以下链接进入另一篇文章。

好巧.·2020-07-08 21:41

视频教程-Vue 2.x全家桶(vue-cli3,vuex,vue-router,axios)-Vue

Vue2.x全家桶(vue-cli3,vuex,vue-router,axios)多年软件开发、互联网架构与项目管理经验，丰富的大型Web系统架构和开发经验，资深Web前端工程师。

weixin_34462777·2020-07-08 18:24

Vue2.x踩坑与总结

年前就打算学习并总结一下vue2.x，但是因为年前工作比较多，所以进展十分缓慢，现在终于学了一大部分，而且自己在学习开发中也踩了不少坑也总结了不少，所以将自己踩过的坑总结一下分享出来。

weixin_34245749·2020-07-08 17:26

vue2.X 自定义模态框 modal

1.自定义modalModal.vue起床吃饭集合加工车间取消确定exportdefault{props:{show:{type:Boolean,default:false}},data(){return{value:false}},mounted(){this.value=this.show;},//监听show数值的变化watch:{show:{handler:function(val,old

weixin_33877885·2020-07-08 16:16

Vue2.0配置postcss-px2rem

1、安装node（自带npm包管理工具）2、安装vue2.x脚手架：npminstallvue-cli-g，控制台输入vuelist查看是否安装成功3、创建项目：vueinitwebpackmy-project4

小理有趣·2020-07-08 11:24

富文本编辑器TinyMCE在vue2.x中的使用以及动态绑定(解决双向绑定后光标跳到最左侧问题)

写在前面项目重构老管理后台，使用vue作为前端框架，对于一直使用jsp+jquery开发管理后台的我还是挺头疼的…之后在vue官网学习了一下基础知识外加向前端同事讨教，粗略了解了vue的使用，如果文中有错误地方请多多包涵。由于不是专业的前端开发，所以并没有使用vue-cli脚手架，只是用的原生vue。下面是最终效果图：引入vue和tinyMCEtinyMCE下载地址:https://www.tin

颤抖吧腿子·2020-07-08 07:35

Vue2.x -Axios请求，拦截器

不得不说不管是微信小程序还是Web，封装的请求使用起来确实很方便，起码能让代码看起来清晰，不那么冗余，不过最重要还是能少写几行代码。哈哈1.创建Vue模板项目：进入项目下，npminstallaxios2.打开项目进入min.js,将他们挂载到全局中，方便使用。importAxiosfrom'axios'Vue.prototype.$Axios=Axios3.components文件夹下，创建一个

一个头发贼多的小火鸡·2020-07-08 02:12

vue2.X基础速成---核心技术（3）

认识vue-cli快速创建工程的两种方法（vuecreate命令，ui界面）方法1vuecreatehello-world配置组件方法2：vueui把这个地址粘贴到浏览器地址栏勾选”使用配置文件“上面勾选的就会在各个配置文件中工程化项目的目录结构（组件目录、package.json）组件化思想什么是组件化？独立的可复用的整体化的为什么组件化？实现功能模块的复用高执行效率开发单页面复杂应用如何拆分？

时光猎人688·2020-07-07 23:33

vue核心技术知识点总结

很多场景下，大公司更青睐于React技术栈，而随着Vue2.x的发布更新，很多公司开始选用vue作为主要技术栈。vue上手成本低，且社区多为中文，对于开发者而言要求相对较低。

qdmoment·2020-07-07 19:49

vue2.x +webpack4.x+Hbuilder单页面打包成apk

vue2.x+webpack4.x写的项目，现在用hbuilder打包成apk，主要有几点注意的：cnmprunbuild的时候，更改一下config下的index.js中assetsPublicPath:‘/‘为’./’，把压缩的true改成false:更改router中的mode为hash模式，或者注释掉history：把vue项目打包：cnmprunbuild，得到dist文件。然后安装hb

行走的鱼儿·2020-07-07 14:35

Vue 开发必须知道的 36 个技巧【近1W字】

后面应该还会有Alpha、Beta等版本,预计至少要等到2020年第一季度才有可能发布3.0正式版;所以应该趁还没出来加紧打好Vue2.x的基础;Vue基本用法很容易上手,但是有很多优化的写法你就不一定知道了

出来打我略略略·2020-07-07 13:31

搭建vue3.x脚手架

继上次写搭建vue2.x脚手架还没过多久，3.x就发布了，怀着心中一万只土拨鼠呐喊着学不动的心情写下这篇博客，简单记录一下vue3.x的脚手架搭建1.https://cli.vuejs.org/zh/guide

helloFE·2020-07-07 09:02

vue2.x自定义组件上使用v-model指令

我们都知道v-model是双向数据绑定经常用到的指令，今天学习到在组件上使用v-model指令，感觉还挺不错的，分享一下总数{{total}}Vue.component('my-component',{template:'+1',data:function(){return{counter:0}},methods:{handleClick:function(){this.counter++;thi

FLTmiao·2020-07-07 07:42

Vue-Cli4.x项目通过electron打包桌面应用程序

发现网上的教程大部分都是vue2.x目录结构不太一样还有就是将一些问题整合在一起傻瓜式教程步骤一下载electron的demo项目electornGitHub下载demoelectron-quick-start

丢糖的小孩Una·2020-07-06 20:33

vue2.X基础知识二之数据计算

1、filters过滤前端在展示后端传递过来的数据时，往往不能直接显示出来，需要经过一些转换，比如后端有个字段是datetime格式的，到了前端会发现是一个很奇怪的字符串，这个时候，通常需要写一个函数来格式化一下，在vue中，我们可以使用filter来增加一个函数用于格式化输出；这里我们以输入人民币，自动转换为美元为需求。例子如下：今日美元兑换人民币的汇率为：{{rate}}我要换美元请输入金额(

啊哈！前端·2020-07-06 08:44

vue2.x的几种通信方式

vue其实就是一个二个组件组成的，但是太多层级之后如何去通信，当组件A和组件B中间隔了数代（甚至不确定具体级别）时，以往会借助Vuex或Bus这样的解决方案，父子组件传值通信//这是父组件，向cartime子组件传递cartimebao数据exportdefault{name:'cartime',data(){return{}},props:{cartimebao:Boolean},}//子组件用

我乃小神神·2020-07-06 07:18

vue进阶之路 —— 详解vue2.x到vue3.0数据响应式原理变化

在本篇文章中，主要为大家分享从vue2.x到vue3.0数据响应式的原理变化。谈到数据响应，必然绕不开数据的双向绑定，那么什么是数据的双向绑定呢？

Sherry慈·2020-07-06 03:04

VueJs 监听 window.resize 方法

根据窗口的变化去变化canvas的宽度备注：重要的问题说三遍解决框架内的bug先说框架版本版本版本（这里用的Vue2.x、ES6）解决方案：方案一：第一步

鱼塘虾本虾·2020-07-06 02:58

Vue 2.x 实战之后台管理系统开发（二）

1.导语承接上文：Vue2.x实战之后台管理系统开发（一）在上一篇文章中，我详细叙述了如何创建项目框架和引入各种后台常用插件，做好这些准备工作后，我们就可以着手进行页面的开发了。

weixin_34324081·2020-07-06 01:57

vue2.x入坑总结—回顾对比angularJS/React的一统

从感性的角度讲，我是不屑于用VUE，觉得react套件用起来更顺手，但是vue现在越来火，所以也不得入vue(杂烩汤)的坑。vue/anguarJS/React，三者对关系现在就是：https://www.zhoulujun.cn/uploadfile/images/2018/0626/20180626214906428779269.jpg自己ps了下，觉得深有道理，骚年们自己体悟，然后再问军哥^

weixin_34026484·2020-07-05 23:35

Vue2.X学习（一）Vue组件通信

一、前言组件是Vue.js的核心功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。组件间通信就显得至关重要。组件间的通信分为三种：父组件向子组件通信子组件向父组件通信非父子组件通信本文主要从以上三种情况简述Vue组件间的通信方法。二、父组件向子组件通信父组件通过属性的方式向子组件传递数据，子组件通过props接收父组件传过来的数据。TitleVue.compone

weixin_33716557·2020-07-05 22:30

如何在Vue2中实现组件props双向绑定

Vue学习笔记-3前言Vue2.x相比较Vue1.x而言，升级变化除了实现了Virtual-Dom以外，给使用者最大不适就是移除的组件的props的双向绑定功能。

weixin_30371875·2020-07-05 20:36

vue2.x入门

参考资料vue官网文档vuex官网文档vue-router官方文档前言最近项目需求，其中要做一个类似日历的东西，正好不是很忙，就边看vue文档边做。想学习vue的同学，可以参考下。日历插件正文Vue是一个轻量级的mvvm框架。官方仓库主要有，vue、vuex、vue-router和vue-resource(不久的将来会停止维护)，分别负责组件化开发、状态管理、路由控制和AJAX，我下面就简单介绍这

Camol·2020-07-05 19:10

vue2.x入坑总结—回顾对比angularJS/React