vue2.x

Vue小白课（二）——项目结构解析（Vue2.x）

@Vue项目结构解析createbydbon2019-1-1016:28:10Recentlyrevisedin2019-1-1511:46:47 Hello小伙伴们，如果觉得本文还不错，麻烦点个赞或者给个star，你们的赞和star是我前进的动力！GitHub地址 查阅网上诸多资料，并结合自己的学习经验，写下这篇Vue学习笔记，以记录自己的学习心得。现分享给大家，以供参考。 作为一只前端菜鸟，这
weixin_34119545·2019-01-15 04:49

基于Webpack的Cesium+Vue2.x应用(推荐)

本文主要讲解vue2.x与cesium的结合，主要参考cesium官网教程（CesiumandWebpack）和github下的cesium-vue项目。
WebGiser·2019-01-13 17:07

vue2.x移动端ui框架选型

前言最近公司准备做移动端spa项目，需要选一个ui框架。优先考虑谷歌MaterialDesign设计风格。针对市面上的框架进行了一次调研，简单总结如下。选型原则：1.优先考虑md风格。2.github的star数量5k以上。3.高可靠性，以及持续维护。MD风格muse-ui:star7k。个人维护。移动端和pc端的组件都有。issue70多个，github上代码最近一次更新是前几个月的。carbo
Damon风·2019-01-11 14:00

vue-lazyload 动态更新图片bug

今天小学习了下Vue的使用，当然我的是2.9.4版本，vue-lazyload支持vue2.x，在做列表分页的时候发现取到数据之后，文字部分都更新了，但是唯独图片不更新，检查了下接口的返回没有问题，再看了下
窗外的雪儿飞·2019-01-10 23:23

Vue2.x Todo之自定义指令实现自动聚焦的方法

我们希望用户双击todo进入编辑状态后输入框自动获取焦点，而不是需要先手动点一下。input元素有一个focus方法可以来帮我们完成这个事情，但现在的问题是如何在Vue中获得这个input元素，从而来操作它。Vue的自定义指令可以完成这个功能。我们先来看看Vue官网的一个示例：然而，有的情况下，你仍然需要对普通DOM元素进行底层操作，这时候就会用到自定义指令。举个聚焦输入框的例子，如下：一个输入框
追梦人物·2019-01-08 08:19

vue3.0解析

这将会消除了之前Vue2.x中基于Object.defineProperty的实现
qq_35664165·2019-01-02 09:43

Vue2.x官方文档笔记

每个Vue应用都是通过用Vue函数创建一个新的Vue实例开始的：varvm=newVue({//选项})当一个Vue实例被创建时，它向Vue的响应式系统中加入了其data对象中能找到的所有的属性。当这些属性的值发生改变时，视图将会产生“响应”，即匹配更新为新的值。//我们的数据对象vardata={a:1}//该对象被加入到一个Vue实例中varvm=newVue({data:data})//获得
若耶溪coding·2019-01-01 20:27

初探Vue3.0 中的一大亮点Proxy的使用

这将会消除了之前Vue2.x中基于Object.defineProperty的实现所存在的很多限制：无法监听属性的添
Chris威·2018-12-06 10:54

初探 Vue3.0 中的一大亮点——Proxy !

这将会消除了之前Vue2.x中基于Object.defineProperty的实现
Cryptic·2018-12-05 16:11

浅析Proxy可以优化vue的数据监听机制问题及实现思路

我们首先来看vue2.x中的实现，为简单起见，我们这里不考虑多级嵌套，也不考虑数组vue2.x中的实现其本质是newWatcher(data,key,callback)的方式，而在调用之前是先将data
南柯一梦同志·2018-11-29 08:02

vue2.x props双向数据绑定

错误：[Vuewarn]:Avoidmutatingapropdirectlysincethevaluewillbeoverwrittenwhenevertheparentcomponentre-renders.Instead,useadataorcomputedpropertybasedontheprop'svalue.Propbeingmutated:"val"(foundincomponen
咔簌·2018-11-27 11:28

vue2.x props双向数据绑定

错误：[Vuewarn]:Avoidmutatingapropdirectlysincethevaluewillbeoverwrittenwhenevertheparentcomponentre-renders.Instead,useadataorcomputedpropertybasedontheprop'svalue.Propbeingmutated:"val"(foundincomponen
咔簌·2018-11-27 11:28

动态更换title

vue2.x用法npminstallvue-wechat-title;之后在main.js全局入口处，引入wechat-titleVue.use(require('vue-wechat-title'))
Augenstern___·2018-11-26 19:12

vue社交分享插件vshare

vshare-基于百度分享开发的支持VUE2.X的分享插件,为您带来更多的流量！提供多种风格按钮，代码加载更快，引入社会化流量，提升网页抓取速度等优点。
vshare·2018-11-22 09:45

关于vue项目一些总结

前言：框架vue2.x，构建工具webpack4.x,node.js8.11x,系统window，ES6,Axios1：vue项目目录文件结构备注：在初始化项目后src目录下components只用来存放项目公共组件
arthurwanggang·2018-11-20 11:27

vue-cli(vue2.x)配置跨域请求代理，设置请求头

1、在config/index.js设置配置文件，跨域配置代理（默认里面内容为空，我们需要加入对跨域接口的配置）根据接口的不同设置的请求头和主机也不同，自己按照格式要求进行配置即可。如上图配置好了之后，'/getapis/getCurrentCity'为自定义的axios请求路径，自己根据相应接口功能来命名。后面在用axios请求接口的时候，url路径就要写自定义的这个，那么代理就会自动解析成对应
winne雪·2018-11-06 14:15

不使用 vue-cli 与 vue 模版，使用 Vue2.x + webpack4.x 从零开始一步步搭建项目框架

说明这是我根据慕课网上的一个课程Vue+Webpack打造todo应用过程一步步搭下来的框架，去掉了业务相关的逻辑。项目最终的效果包括了引入vue框架；使用CSS预处理器；使用babel；引用图片等静态资源；区分开发环境与生成环境，并做相应优化等。基本接近真正做项目时候的配置。但是！！毕竟是我个人根据练习课程搭的框架，跟真实工作可能有区别，请谨慎直接用于工作环境！！！项目的最终成果看这里：http
Dandelion_drq·2018-11-01 17:05

不使用 vue-cli 与 vue 模版，使用 Vue2.x + webpack4.x 从零开始一步步搭建项目框架

说明这是我根据慕课网上的一个课程Vue+Webpack打造todo应用过程一步步搭下来的框架，去掉了业务相关的逻辑。项目最终的效果包括了引入vue框架；使用CSS预处理器；使用babel；引用图片等静态资源；区分开发环境与生成环境，并做相应优化等。基本接近真正做项目时候的配置。但是！！毕竟是我个人根据练习课程搭的框架，跟真实工作可能有区别，请谨慎直接用于工作环境！！！项目的最终成果看这里：http
Dandelion_drq·2018-11-01 17:05

vue vue2.x 路由学习笔记

VueRouter是Vue.js官方的路由管理器。1、安装npminstallvue-routervue-cli安装vue-router后自动生成router文件夹，里面的index.js文件就是路由文件在index.js路由文件中importVuefrom'vue'importRouterfrom'vue-router'Vue.use(Router)在main.js中引入并挂在到实例上impor
开心就好1314520·2018-10-17 15:39

一个由于Function.name造成的兼容性bug

项目基于VUE2.X开发，语法大部分使用ES6。具体如下：//需要传递给APP的函数letcal
lcl2008·2018-10-11 00:00

Vue2.x中利用@font-size引入字体图标报错的解决方法

利用vue-cli搭建的项目平台利用stylus写的css样式有css-loader依赖包x下图是webpack.base.conf.js关于字体文件的配置有人这里会有重复的字体文件的配置，删除一项即可出现的问题：引入字体图标出现问题1.报错将字体引入的相对路径改成绝对路径相对路径绝对路径2.不报错，但是出现的字体图标是小方框有警告信息：小方块：报错是因为重定向的问题出现上述问题的原因①没在用到的
优雅1217·2018-09-28 10:05

vue2.x集成百度UEditor富文本编辑器的方法

最近开发vue项目过程中，由于产品需要在项目中添加富文本编辑器，也在npm上找了几个基于vue开发的富文本编辑器，但是对兼容性比较高，不能兼容到IE9，10。所以最后决定使用百度UEditor。然后又是各种找如何集成到vue中。好记性不如烂笔头，记录下来以便以后需要的时候可以直接用。1.首先下载UEditor源码，将整个文件放到static文件夹中2.然后将UEditor集成到项目中去。找到src
Coding_Jia·2018-09-21 16:09

【Vue】组件的基础与组件间通信

Vue.js最核心的功能就是组件（Component），从组件的构建、注册到组件间通信，Vue2.x提供了更多方式，让我们更灵活地使用组件来实现不同需求。
JenniferTong·2018-09-15 00:00

vue2.x与vue1.0用法区别

1.单次插值v1版本：单次插值语法{{*数据}}，v2不能使用v2版本：使用v-once指令{{msg}}{{msg}}varvm4=newVue({el:"#app4",data:{testHTML:'thisshouldbepink.',msg:"xixi"},methods:{changeP(){if(this.msg==='xixi'){this.msg='haha';}else{this
onepiece1991·2018-09-06 12:41

vue2.x学习（一）

出于各方面考虑,公司前端技术选型现在从angular1.x迁移到vue2.x。所以现在打算学习一下vue2.x。从项目搭建开始。搭建环境是mac。
学而时习之不易·2018-09-04 10:54

vue2.x兼容ie9+的解决方案与调试

1.ie9以上的调试ie控制台若不显示调试内容,可以下载补丁(IE11-Windows6.1-KB3008923-x64.msu)，安装之后就好了。下载链接：https://www.microsoft.com/zh-cn/download/confirmation.aspx?id=45154之后若浏览器报Array.includes()等等一系列es6语法的错误,说明是兼容的问题,请继续往下阅读2
金刚腿·2018-09-04 10:35

推荐几个Vue开发必备插件，要收藏

「介绍用途」大家知道，Vue2.x之后，Vuex状态管理是必须要掌握的一个技术点，今天北妈先介绍下Vuex是什么，然后在介绍几个封装好的操作本地缓存、状态的几个组件，需要的童鞋赶紧拿走，可能有很多人已经再用了
前端你别闹·2018-08-29 20:50

vue2.x接入高德开发平台爬坑指南

有些时候web开发者们可能要在页面中接入地图定位，本文就是旨在解决这一问题，主要解决的是使用vue技术开发移动端时，要接入高德地图需要注意的坑，以及最有效的填坑指南。我们都知道html5虽然可以获取地理位置信息，但是有时候会有问题，你并不一定每次都能成功定位。因此使用高德官方提供的webapi接口，你接入之后，肯定会遇到，今天能定位了，突然明天又不行了，在自己的手机上可以在别人手机上又不行了。本文
haeasringnar·2018-08-05 15:23

vue各种实例集合

注意：以下所有示例基于vue2.x、Vuex2.x、vm.
duansamve·2018-08-04 16:22

vue2.x集成百度UEditor富文本编辑器方法

最近开发vue项目过程中，由于产品需要在项目中添加富文本编辑器，也在npm上找了几个基于vue开发的富文本编辑器，但是对兼容性比较高，不能兼容到IE9，10。所以最后决定使用百度UEditor。然后又是各种找如何集成到vue中。好记性不如烂笔头，记录下来以便以后需要的时候可以直接用。1.首先下载UEditor源码，将整个文件放到static文件夹中2.然后将UEditor集成到项目中去。找到src
Coding_Jia·2018-08-04 13:30

vue2.x集成百度UEditor富文本编辑器方法

最近开发vue项目过程中，由于产品需要在项目中添加富文本编辑器，也在npm上找了几个基于vue开发的富文本编辑器，但是对兼容性比较高，不能兼容到IE9，10。所以最后决定使用百度UEditor。然后又是各种找如何集成到vue中。好记性不如烂笔头，记录下来以便以后需要的时候可以直接用。1.首先下载UEditor源码，将整个文件放到static文件夹中2.然后将UEditor集成到项目中去。找到src
Coding_Jia·2018-08-04 13:30

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

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

一枚前端UI组件库 KUI for Vue

一枚前端UI组件库KUIforVue基于VUE2.x开发，在追求完美视觉体验的同时也保证了其性能高效。
chuchur·2018-08-01 09:00

vue2.x中配置scss环境

1、安装依赖npminstallnode-sasssass-loader--save-devnpminstallstyle-loadercss-loader--save-dev2、修改文件配置webpack.base.config.jsrules下修改：{test:/\.vue$/,loader:'vue-loader',options:{loaders:{'scss':'style-loader
yang_fy·2018-07-20 13:14

Vue2.X 通过AJAX动态更新数据

最近在做一个跟美团同样一套预约系统，由于一个商家会有很多主题，而每个主题下面会有很多场次。那怎么在一个页面把这些数据很好的动态展示出来呢？我首先想到了VUE的动态绑定数据。由于第一次使用VUE，很多东西不懂，只能靠百度。服务器端返回的数据直接是JSON数据，初始数据完美的通过VUE渲染了出来，但是在切换主题显示场次信息的时候，出现了问题。发现数据是获取到了，但是VUE并没有对它进行渲染。varnd
茶树虾的闲云居·2018-07-17 08:06

vue-cli 3.0 多页面打包 (四)

上一篇:vue.config.js配置(三)vue2.x要配置一个多页面挺麻烦的vue-cli3.0配置就相对简单太多了目录结构-project|-public|-src//源码||-projects/
supa同学·2018-07-05 17:48

vue2.x源码解析五——数据驱动--4.render

1.连接上一节在上一节中我们提到了在src/core/instance/lifecycle.js中通过渲染Watcher实时去监测调用updateComponent方法，从而实现的页面实时渲染，vm._render()主要是生成的VNode（虚拟DOM），下面我们来讲一讲vm._render()方法的实现updateComponent=()=>{vm._update(vm._render(),hy
南张门·2018-07-02 18:14

vue2.x源码解析准备--Runtime Only 和 Runtime+Compiler

1.了解RuntimeOnly和Runtime+Compiler在我们使用vue-cli的时候，会提示你安装的版本可以看到有两种版本：RuntimeOnly版本和Runtime+Compiler版本1.1RuntimeOnly我们在使用RuntimeOnly版本的Vue.js的时候，通常需要借助如webpack的vue-loader工具把.vue文件编译成JavaScript，因为是在编译阶段做的
南张门·2018-07-01 16:57

vue2.x源码解析二——目录

Vue因为版本的不同，目录可能会有所区别1.目录|—dist#打包之后文件所在位置 |—examples#demo示例 |—flow#因为Vue使用了Flow来进行静态类型检查，这里定义了声明了一些静态类型 |—packages#vue还可以分别生成其它的npm包 |—scripts#打包相关的配置文件，里面有build.js，其中最重要的是config.js。主要是根据不同的入口，打包为
南张门·2018-06-30 00:00

vue2.x上传图片到阿里OSS服务器

一、安装node.js----oss-SDK:    npminstallali-oss①同步方式创建连接：    newOSS()    ②异步方式创建连接:    newOSS.wrapper()红框里面的参数都是必须传递的二、获取本地的图片：获取本地图片的方法实在是太多了，这里不做说明。三、上传图片到OSS:官网中给出上传的方法有很多种。下面主要介绍的是client.put()方法。①事例代
棋鬼王·2018-06-27 13:12

Vue2.x通用条件搜索组件的封装及应用

效果组件源码exportdefault{data(){return{searchValue:'',type:''}},created(){this.type=this.initType},props:{selectItems:{type:Array,require:true},placeholderDes:{type:String,require:true},initType:{type:Stri
ECMAScripter·2018-06-27 00:27

最新vue2.x仿饿了么app 商家页面 项目总结

前言仿饿了么app是基于vue2.x最新实战项目，用到的技术栈vue2+vue-router2+vue-cli2+vue-resource+stylus+flex布局+es6+eslint+webpack2
Daisukes·2018-06-23 16:35

最新vue2.x仿饿了么app 商家页面 项目总结

前言仿饿了么app是基于vue2.x最新实战项目，用到的技术栈vue2+vue-router2+vue-cli2+vue-resource+stylus+flex布局+es6+eslint+webpack2
Daisukes·2018-06-23 16:35

使用proxy实现一个更优雅的vue【推荐】

如果你有读过Vue的源码，或者有了解过Vue的响应原理，那么你一定知道Object.defineProperty(),那么你也应该知道，Vue2.x里，是通过递归+遍历data对象来实现对数据的监控的，
noahlam·2018-06-19 11:30

Vue2.x中利用@font-size引入字体图标报错

利用vue-cli搭建的项目平台利用stylus写的css样式有css-loader依赖包x下图是webpack.base.conf.js关于字体文件的配置有人这里会有重复的字体文件的配置，删除一项即可出现的问题：引入字体图标出现问题1.报错将字体引入的相对路径改成绝对路径相对路径绝对路径2.不报错，但是出现的字体图标是小方框有警告信息：小方块：报错是因为重定向的问题出现上述问题的原因①没在用到的
优雅1217·2018-06-13 22:03

原生JS模拟Vue双向数据绑定

童鞋们都应该知道Vue2.x很重要的特性（数据双向绑定、虚拟DOM），所以在面试的时候就经常有面试官问小白同学说数据双向绑定原理是什么，虚拟DOM是什么，给我实现一个呗。
虚竹梦姑·2018-05-05 15:26

Vue2.x 快速入门实例项目

本项目是在使用Vue-cli生成的脚手架程序基础上，综合运用Vue的各项特性开发的一个快速入门实例项目。使用Vue-cli生成脚手架程序#installvue-clinpminstall-gvue-cli#initprojectvueinitwebpackmy-project#entryintothefiledirectorycdmy-project#installdependenciesnpmi
般若Neo·2018-04-10 17:51

教你如何检查一个函数是否为JavaScript运行时环境内建函数

今天在学习Vue2.X版本的源代码时，就发现了Vue中也有用来检测一个函数是否为运行时原生支持。functionisNative(Ctor){returntypeof
而井·2018-04-07 00:00

vue2.x构建vue脚手架vue-cli

建项目1.将npm改名为cnpm：sudonpminstallcnpm-g--registry=https://registry.npm.taobao.org2.sudocnpminstallvue-cli-g3.sudovueinitwebpackmy-project(在desktop目录下创建项目名为my-project)（以下命令都是在my-project文件夹下进行）3.npminstal
微笑_1a7e·2018-03-08 10:11

解决Vue2.x父组件与子组件之间的双向绑定问题

最近在研究如何写一套基于Vue2.x的UI组件给自己用，提升一点BIG，在制作含有input的组件遇到一个问题：不知怎样才能把子组件中input与调用者（父组件）的数据实现双向绑定，想过使用Vuex，但观摩了一下其他优秀的
抹茶摩卡·2018-03-06 09:29
上一页 23 24 25 26 27 28 29 30 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他