VUE2.x

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

浅谈VUE监听窗口变化事件的问题

根据窗口的变化去变化canvas的宽度备注：重要的问题说三遍解决框架内的bug先说框架版本版本版本（这里用的Vue2.x、ES6）解决方案：第一步：先在d
世界很大我想去躺会儿·2018-02-24 15:39

vue2.0在没有dev-server.js下的本地数据配置方法

问题描述：在vue2.0的以上的版本，vue-cli的build的文件夹下没有dev-server.js文件，那怎么配置mock数据Vue2.x在build下的webpack.dev.conf.js配置就行
一切都以大橘为重·2018-02-23 09:38

Vue-Router2.X多种路由实现方式总结

注意：vue-router2只适用于Vue2.x版本，下面我们是基于vue2.0讲的如何使用vue-router2实现路由功能。推荐使用npm安装。
itKingOne·2018-02-09 09:17

基于Vue2.X的路由和钩子函数详解

最近上班有些忙，好久没有更新文章，也没学习新的东西。今天来说说这个路由钩子吧。导航和钩子函数：导航：路由正在发生改变关键字：路由变钩子函数：在路由切换的不同阶段调用不同的节点函数（钩子函数在我看来也就是：某个节点和时机触发的函数）。钩子函数主要用来拦截导航，让它完成跳转或取消，在导航的不同阶段来执行不同的函数，最后钩子函数的执行结果会告诉导航怎么做。。导航在所有钩子resolve完之前一直处于等待
settingSun66·2018-02-09 09:18

使用 vue2.x + ElementUI 快速搭建一个后台 增删改查 管理界面

一、前言CRUD自从使用了vue2.x，就不想过多地去使用其他的含JS代码的前端框架如BootStrap4、jQuery等，想全程使用vue去搭建前端界面，因为vue的生态系统十分繁荣，ui方面的库有element-ui
larger5·2018-02-01 08:45

基于vue2.x的电商图片放大镜插件的使用

vue-piczoompicturemagnifiercomponentforVue.js2.x基于vue2.x的电商图片放大镜插件GIF动画截图BuildSetup使用步骤#安装installnpminst
小包子·2018-01-22 13:06

VueJs监听window.resize方法示例

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

详解VUE2.X过滤器的使用方法

VUE2.X过滤器的使用方法有几种，今天讲一种，以cnode社区API为示例，转换tab类型为中文汉字。
woxindead·2018-01-11 14:01

利用Vue2.x开发实现JSON树的方法

前言最近工作中遇到一个需求，由于项目需要一个解析JSON字符串并生成JSON树的功能，在GitHub上也没有找到合适的组件，因此基于Vue2.X自己写了一个JSON树组件，主要原理是利用Vue的递归组件
DanielLi·2018-01-04 10:58

vue2.x 做一个外卖app

文章目录简介截屏演示移动端演示构建为什么写这个项目获取教程简介本项目是基于vue2.4最新的实战项目，vue-cli2.8+vue2.4+vue-resource+vue-router2.7+es6+mock+webpack的一个移动端外卖app。现在最流行的开发方式就是前后分离了；vue也是现在最流行的前端框架之一。截屏演示移动端演示在手机上扫码体验效果更好构建vue有自己的脚手架构建工具vue
Never Yu丶·2017-12-25 21:14

Render函数的使用方法

Render函数是vue2.x新增的一个函数、主要用来提升节点的性能，它是基于JavaScript计算。使用Render函数将template里面的节点解析成虚拟的dom。
倪默遥·2017-12-23 14:03

Spring boot+Shiro+ spring MVC+swagger UI +Mybatis+mysql+Vue +Element UI 之一vue和spring boot整合

：ApacheShiro1.3视图框架：SpringMVC4.3持久层框架：MyBatis3.3定时器：Quartz2.3数据库连接池：Druid1.0日志管理：SLF4J1.7、Log4j页面交互：Vue2
hanruikai·2017-12-21 14:50

vue2.x 中如何获取 DOM

vue2.x如何获取DOM？vue1.x如何获取DOM？答案是使用v-el在vue1.x中，在一个组件中，为DOM元素注册一个索引，方便通过所属实例的$els访问这个元素。
Never Yu丶·2017-11-18 20:33

使用Vue-Router 2实现路由功能实例详解

注意：vue-router2只适用于Vue2.x版本，下面我们是基于vue2.0讲的
abcByme·2017-11-14 08:40

Vue2.x和webpack踩坑与总结

Vue2.x1、hash和history模式在项目初始中，为hash模式下，hash模式，我们知道，它背后的原理是onhashange，onhaschange的定义如下：当锚部分发生变化时执行;这样子，就成了路由的基本操作方式，但是hash模式会使链接产生/#/，hash模式回退不方便，而且无法使用描点定位。如果使用hash方法，为了使页面不会刷新，一般这样干：如果要是a标签不会刷新，那么需要在a
不吃肉的香蕉·2017-10-29 17:35

Vue2.x和webpack踩坑与总结

Vue2.x1、hash和history模式在项目初始中，为hash模式下，hash模式，我们知道，它背后的原理是onhashange，onhaschange的定义如下：当锚部分发生变化时执行;这样子，就成了路由的基本操作方式，但是hash模式会使链接产生/#/，hash模式回退不方便，而且无法使用描点定位。如果使用hash方法，为了使页面不会刷新，一般这样干：如果要是a标签不会刷新，那么需要在a
不吃肉的香蕉·2017-10-29 17:35

Vue之2.x版本父子组件双向绑定事件

下面正文：Vue2.x相比较Vue1.x而言，有个比较大的变化就是移除的组件的props的双向绑定功能。在Vue1.x中利用props的twoWay和.sync绑定修饰符可
昔有木如盖·2017-10-25 21:46

vue2.x select2 指令封装详解

本文介绍了vue2.xselect2指令封装，分享给大家，具体如下：其他的就不说了，说说封装过程的问题吧1、vue不同版本指令接受参数不一样2、酱油君对于vue2.x双向绑定的机制不了解（有大神路过望在评论中不吝赐教
IT小君·2017-10-12 16:49

深入理解Vue2.x的虚拟DOM diff原理

前言经常看到讲解Vue2的虚拟Domdiff原理的，但很多都是在原代码的基础上添加些注释等等，这里从0行代码开始实现一个Vue2的虚拟DOM实现VNodesrc/core/vdom/Vnode.jsexportclassVNode{constructor(tag,//标签名children,//孩子[VNode,VNode],text,//文本节点elm//对应的真实dom对象){this.tag
小溪流·2017-09-27 10:10

深入Vue2.x的虚拟DOM diff原理

作者简介：汪玉林，高级工程师，增值产品部前端Leader，目前团队负责手Q游戏中心、手Q游戏运营、手Q阅读等项目，有丰富的Web前端架构经验。一、前言Vue的核心是双向绑定和虚拟DOM（下文我们简称为vdom），关于双向绑定可以参阅木琴的文章《剖析Vue原理&实现双向绑定MVVM》，vdom是树状结构，其节点为vnode，vnode和浏览器DOM中的Node一一对应，通过vnode的elm属性可以
小时光茶社·2017-09-22 00:00

vue2.x的简介与安装

1.简介概述：类似于angular.js、react.js之类的SPA框架，相比其他两种SPA框架更加轻量级些、更容易入门些。兼容性：Vue.js不支持IE8及其以下版本，因为Vue.js使用了IE8不能模拟的ECMAScript5特性。Vue.js支持所有兼容ECMAScript5的浏览器。2.安装通常有两种安装方式：第一种方式：下载之后或远程链接直接引入（略，因为SPA用这种方式没啥意义）；第
csdn_hui·2017-09-06 14:55

hexo+css遇到的unexpected token问题

问题背景使用hexo+css模拟实现weex文档，页面Weex和Vue2.x的语法差异遇到问题。
stardew·2017-09-06 00:00

VueJS 如何编译服务器端远程模板【异步组件+简单方法】

但是在Vue2.x中，官方取消了partial这个API，根据情况推荐使用component代替，参见这里需求那我现在有个需求，就是从后台获取一个字符串模板（假设里面包含v-model等vue指令），模板需
savokiss·2017-08-28 00:00

Vue.js知识点各个击破系列视频课程-alan-专题视频课程

Vue.js知识点各个击破系列视频课程—1318人已学习课程介绍详细介绍vue2.x编程中的知识点，每节课一个知识点，包括过滤器、条件渲染、列表渲染、事件处理，class绑定、组件等等几十个知识点课程收益以知识点的形式
满天飞飞·2017-08-25 13:44

详解基于webpack2.x的vue2.x的多页面站点

本文介绍了基于webpack2.x的vue2.x的多页面站点，分享给大家，具体如下：vue的多页面依旧使用vue-cli来初始化我们的项目然后修改主要目录结构如下：├──build│├──build.js
leslie・Zhao·2017-08-21 11:46

Vue

采用自底向上增量开发的设计Vue的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合Vue单文件组件&第三方库=SPA应用vue-cli提供了高效、快速、便捷的项目搭建完整的文档体系不支持IE8及其以下浏览器Vue2
碧玉含香·2017-07-27 21:32

Vue

采用自底向上增量开发的设计Vue的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合Vue单文件组件&第三方库=SPA应用vue-cli提供了高效、快速、便捷的项目搭建完整的文档体系不支持IE8及其以下浏览器Vue2
碧玉含香·2017-07-27 21:32

vue pomodoro (番茄钟) 组件 - 基于vue2.x

简介最近在开发的一个项目中，有使用番茄钟的需求，另外本人一直是一个番茄工作法的簇拥，所以就决定写一个基于vue2.x开发的番茄钟组件。灵感来自于另一个组件vue-radial-progress。
淼淼真人·2017-07-23 00:00

使用Springboot和Vue开发的CRM系统，真正的前后端分离,可独立部署、跨域访问,支持多国语言...

框架特点最新技术（Springboot、MyBatis、Swagger-UI、Vue2.X、bootstrap）真正前后端分离：真正的前后端分离,可独立部署、跨域访问,适合大型互联网项目的动态扩展(前端纯
李国才·2017-07-18 22:25

使用Springboot和Vue开发的CRM系统，真正前后端分离的微服务架构,BAT互联网公司主流技术的集大成者

 框架特点最新技术（Springboot、shiro、MyBatis、Swagger-UI、Vue2.X、bootstrap）真正的前后端分离,可独立部署、跨域访问,适合大型互联网项目的动态扩展 (前端纯
李国才·2017-07-18 22:54

Vuejs学习之-----vue-router实现路由功能

虽然现在是vue2.x版本的，但是我想从最基础的vue1.x开始学起，后续会用2.0的版本Vue-router1.0的版本github地址，不过都是英文的，正好可以锻炼阅读英文文档的能力https://
diligentkong·2017-07-18 13:14

vue2.x 父组件监听子组件事件并传回信息的方法

本文介绍了vue2.x父组件监听子组件事件并传回信息，分享给大家，希望此文章对各位有所帮助利用vm.$emit1、在父组件中引用子组件2、子组件中使用$emit发送事件this.
百里登风·2017-07-17 16:31

解决vue2.x中数据渲染以及vuex缓存的问题

最近在学习Vue.js，把自己遇到的问题做个记录，所以，今天添加一点小笔记。在项目中遇到两个问题，简单的做个笔记来记录自己解决的问题，可能不是很好的处理办法，欢迎提出，自己还在不断优化中...第一个是vue在加载页面的时候，会先加载静态资源，这个时候数据还没有请求回来，用户会先看到静态的内容（就是页面固定写死的），过一会才会有数据回来渲染，这体验是很差的，其实解决办法也很简单，就是用vue里的v-
刈懋·2017-07-13 16:44
上一页 22 23 24 25 26 27 28 29 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他