Vue2.0

snabbdom源码解析（一） 准备工作

前言虚拟DOM结构概念随着react的诞生而火起来，之后vue2.0也加入了虚拟DOM的概念。
chen4342024·2018-12-26 00:00

Vue -- webpack 项目自动打包压缩成zip文件

这段时间用Vue2.0开发项目，每次打包都会用到npmrunbuild命令，但是每次部署时给后端发包都要手动zip压缩，这样一两次还行，但遇到项目板块测试和临时加急功能测试的时候，一天可能就要打包好多次
weixin_30807779·2018-12-25 19:00

Vue -- webpack 项目自动打包压缩成zip文件

这段时间用Vue2.0开发项目，每次打包都会用到npmrunbuild命令，但是每次部署时给后端发包都要手动zip压缩，这样一两次还行，但遇到项目板块测试和临时加急功能测试的时候，一天可能就要打包好多次
帝鸿琬琰·2018-12-25 19:00

vue2.0里面使用jquery

vue2.0里面使用jquery原网址：https://blog.csdn.net/qq_39588818/article/details/80483969在于后台数据交互时，出现跨域问题，后台试了各种方法
杀个程序猿祭天·2018-12-25 15:14

Vue2.0学习之路--生命周期钩子

学习Vue有一些时间了，看完官网的API对生命周期钩子讲解，对Vue的生命周期钩子还是一知半解。每个Vue实例在被创建时都要经过一系列的初始化过程，例如，需要设置数据监听、编译模板、将实例挂载到DOM并在数据变化时更新DOM等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。生命周期简介所有的生命周期钩子自动绑定this上下文到实例中，因此你可以访问数
qq_35029429·2018-12-22 16:24

vue-bus: 一个 Vue.js 事件中心插件

vue-bus一个Vue.js事件中心插件，同时支持Vue1.0和2.0原因Vue2.0重新梳理了事件系统，因为基于组件树结构的事件流方式实在是让人难以理解，并且在组件结构扩展的过程中会变得越来越脆弱。
Heavy_Dream·2018-12-20 22:29

17组值得收藏的设计规范&组件库下载

1.ElementElement，一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库。
Susurratescape·2018-12-19 19:26

vue2.0连接阿里云并使用el-upload上传图片

1、首先安装依赖npminstallali-oss2、封装clientvarOSS=require('ali-oss').Wrapperexportfunctionclient(){varclient=newOSS({region:'。。。',accessKeyId:'。。。',accessKeySecret:'。。。。',bucket:'。。。'})//后端提供数据returnclient}3、
简小咖·2018-12-19 16:38

Vue2.0 + ElementUI 手写权限管理系统后台模板（一）——简述

简介最近写了一个基于vue2.0+element-ui权限管理系统的后台模板，包含了正常项目开发所需的框架功能，开发者使用的时候只需要专注于项目的业务逻辑就好。同时接下来会让你拥有一个自己完全掌控的框架。源码地址：github：https://github.com/Nirongxu/v...码云：https://gitee.com/nirongxu/xu...预览地址：https://nirong
夏洛克丶旭·2018-12-16 00:00

vue2.0的学习笔记，子组件修改父组件的值踩坑

Vue1.0升级至2.0之后，直接在子组件修改父组件的值是会报错的目的是为了阻止子组件影响父组件的数据报错警告：Avoidmutatingapropdirectlysincethevaluewillbeoverwrittenwhenevertheparentcomponentre-renders.Instead,useadataorcomputedpropertybasedontheprop’sv
阿拉蕾～·2018-12-13 22:14

【重点突破】—— Vue1.0到Vue2.0的变化

【重点突破】——Vue1.0到Vue2.0的变化前言：本文参考作者：_So_和我是某慧的博文，重点梳理Vue1.0升级到Vue2.0后在开发中要注意的不同，以做学习。
柳柳Elena·2018-12-08 15:00

南屿 带你 走进 vue

框架市场很长时间，接着react框架横空出世，因为它有一个特性是虚拟DOM，从性能上碾轧angularJS，这个时候，vue1.0悄悄的问世了，它的优雅，轻便也吸引了一部分用户，开始收到关注，16年中旬，VUE2.0
weixin_33971130·2018-12-08 09:00

vue重写CNodejs社区

项目简介根据CNodejs社区提供的接口地址，用vue2.0重写了一下，界面布局有点粗糙。
风间澈618·2018-12-07 23:29

vue1.0到vue2.0的变化

version1.0：Vue.component（组件名称，{//vue2.0能用，但不在那么用了。
我是某慧·2018-12-06 14:57

vue通过指令(directives)实现点击空白处收起下拉框

这里我们通过vue2.0中的自定义指令来简单实现。
长肉肉呱·2018-12-06 10:48

vue 移动端仿hover事件

vue2.0的移动端的touch事件touch的开始事件是@touchstart，移动过程是@touchmove,结束事件是@touchend模仿hover效果,在PC端就是鼠标移入移出的效果,在移动端就是手指按下开始和结束的过程
M_SSY·2018-12-05 17:13

vue2.0安装（中）

我们说道，如何利用脚手架（vue-cli）构建一个vue项目，本回书我们一起来学习分析下代码。回顾下创建后的项目目录：说明：在*.vue文件，template标签里写html代码，且template直接子级只能有一个标签。style标签里写样式，script里面写js代码a.页面：index.html这个没什么好说的就是一个简单的html页面，这里id='app'，是为后面的设置vue作用域有关的
Cure_line·2018-12-04 22:51

vue-router 路由创建（饿了么app中tab创建）【vue2.0版本以上】

项目结构：微信截图_20181204101247.pngApp.vue:商品评论商家importHeaderAfrom'./components/header/header.vue';//exportdefault{name:'App',components:{HeaderA}}.tab{display:flex;width:100%;height:40px;line-height:40px}.t
丁小孟·2018-12-04 10:49

Vue -- vue-cli(vue脚手架) npm run build打包优化

这段时间公司新项目立项，开发组选用Vue2.0进行开发。当然也就一并用到vuecli进行自动化构建。结果在基础版本开发完成后，用npmrunbuild命令打包上线时，发现以下几个问题。
帝鸿琬琰·2018-11-30 17:00

Vue3.0都要出了，你连2.0还不会？

作者尤大神说，vue3.0方案已经在拟行当中了，可如今很多web前端居然连vue2.0还不熟悉，甚至不会用，很多国企项目还在jquery，现在vue、react已经成了初级前端的基本技能，各位前端仔们，
前端大全·2018-11-29 20:00

vue1.0本地引入Json文件

先说说遇到的坑吧，之前是用2.0开发，都是用import方式引入文件；(注：json文件跟我的页面是同级)方法1：import jsonDatafrom'map.json'   //vue2.0常用的就是这种方式引入
qq_夏阳·2018-11-29 19:54

VUE2.0 ElementUI2.0表格el-table自适应高度的实现方法

在开发中，需要表格控件根据浏览器高度进行调整，固定表头，且然后多余的出滚动条，官方给出的：只要在el-table元素中定义了height属性，即可实现固定表头的表格，而不需要额外的代码。然后直接上template代码：其中height="250"是固定值，我们可以在data中设置一个tableHeight，其中x是根据你布局自己算出来的值，也可以换成动态监测的值，就是父级到body的值，这个可以自
River_mx·2018-11-28 14:58

详解vue2.0 资源文件assets和static的区别

Webpacked资源我们首先需要理解webpack是怎样处理静态资源的。在*.vue组件中，所有的templates和css都会被vue-html-loader和css-loader解析，寻找资源的URL。举个例子，在和background:url(./logo.png),"./logo.png"中，都是相对资源路径，都会被Webpack解析成模块依赖。由于logo.png不是JavaScrip
yuhehanfeng·2018-11-27 17:44

vue2.0结合DataTable插件实现表格的动态刷新

今天周六啊！一想到我的凤九和东华要生小滚滚，我就归心似箭无心敲代码！产品提出的需求是这样的，很普通的一个统计server端task完成率和状态的表格，要自动刷新其中的数据，并且当单个task完成的时候report给server端，看起来好easy好easy的一个需求啊！且听我说完哈！我这边使用的是框架是vue，表格自然用v-for渲染，然后我们这边分页搜索神马的都是前端弄，也就是说后端只管把一大坨
lemon678·2018-11-27 09:06

vue2.0开发过程中踩的坑！

今儿个特地整理了下vue2.0开发过程中踩得坑！希望和大家交流！
lemon678·2018-11-27 09:56

vue2.0移动端滑动事件vue-touch的实例代码

Vue-touch的使用有时候我们不止需要有返回键，也要有手势滑动切换页面的功能时，这个时候vue-touch就派上用场了API地址：https://github.com/vuejs/vue-touch/tree/next安装npminsallvue-touch@next--save//main.js中引入：importVueTouchfrom'vue-touch'Vue.use(VueTouch
你蠢哭我咯·2018-11-27 08:05

Vue完整前后台项目介绍

vue-manage此为一个完整的使用vue2.0、vue-cli3.0、iView3.0包含前后端的项目Github地址为：vue-managevue-manage包含了两个项目，一个为后台项目：vue-serevr-backend
第二庄·2018-11-25 15:03

Cookbook组件形式：优化 Vue 组件的运行时性能

Vue2.0在发布之初，就以其优秀的运行时性能著称，你可以通过这个第三方benchmark来对比其他框架的性能。
前端小透明·2018-11-25 11:04

详解Vue2.0组件的继承与扩展

前言本文将介绍vue2.0中的组件的继承与扩展，主要分享slot、mixins/extends和extend的用法。
浪里行舟·2018-11-23 10:43

Vue2.0 列表项 倒计时

test.gif列表最后的效果如上，你们可以根据自己的需求稍微改改就OK了.items{display:flex;display:-webkit-flex;flex-direction:row;width:100%;height:auto;}varvm;$(function(){intiView();})functionintiView(){Vue.component("mycounttime",
一个冬季·2018-11-22 21:24

Vue.js移动端图片压缩插件localResizeIMG

为了降低类似问题带来的影响，我们采用Vue2.0压缩图片插件localResizeIMG（lrz），压缩图片。  大体的思路：每次拍照或选择一张图片-然后压缩图片-预览上传。
前端小小白zyw·2018-11-21 11:37

axios的简单使用

axios是一个通用的ajax请求库，vue2.0以后，推荐使用axiosAxios是一个基于promise的HTTP库，可以用在浏览器和node.js中。
心晴安夏·2018-11-20 10:00

【重点突破】—— 当better-scroll 遇见Vue

这里结合黄轶老师的知乎文章和Vue2.0项目对better-scroll的具体应用，只作为学习，对其中的原理和应用步骤做一个梳理。移动端项目列表滚动的需求竖直滚动：横向滚
柳柳Elena·2018-11-19 17:00

源码福利（文末有彩蛋） | vuejs 2 Material Design 后台模板源码大放送

这次我给大家分享的是一个重量级的源码，不仅使用的技术先进比如vuex,vue2.0,vuetify,html5,css3,后端语言使用先进的PHPLaravel框架，同时界面使用G
前端达人·2018-11-17 19:52

源码福利（文末有彩蛋） | vuejs 2 Material Design 后台模板源码大放送

这次我给大家分享的是一个重量级的源码，不仅使用的技术先进比如vuex,vue2.0,vuetify,html5,css3,后端语言使用先进的PHPLaravel框架，同时界面使用G
前端达人·2018-11-17 19:52

Vue2.0 Transition 用法 css 过度动画 动画过度状态 钩子函数

元素设置show//点击触发helloCSS设置v-enter:定义进入过渡的开始状态。在元素被插入时生效，在下一个帧移除。v-enter-active:定义进入过渡的结束状态。在元素被插入时生效，在transition/animation完成之后移除。v-leave:定义离开过渡的开始状态。在离开过渡被触发时生效，在下一个帧移除。v-leave-active:定义离开过渡的结束状态。在离开过渡被
q515656712·2018-11-17 11:25

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

https://blog.csdn.net/lander_xiong/article/details/79018737
一眼泥沙·2018-11-15 10:42

VUE2.0——Vue脚手架搭建项目（vue-cli）

原文地址：https://www.jianshu.com/p/1626b8643676使用的编辑器是VScode，新创建一个文件夹，在新建终端里面敲命令。1.安装node.js安装完成之后，打开命令行工具(win+r，然后输入cmd)，输入node-v，如果出现相应的版本号，则说明安装成功。2.安装webpacknpminstallwebpack-g（webpack-v）3.安装vue-cli脚手
cyx1874·2018-11-14 10:12

vue2.0 父子组件间方法互调

父组件调用子组件方法关键字：$refs是一个对象，持有注册过的ref特性的所有DOM元素和组件实例子组件，如下代码不用做任何特殊处理：child.vueIamchildexportdefault{name:"child",methods:{child:function(){alert("Iamchild");}}}父组件：parents.vue调用子组件方法importchildComfrom'.
博客已迁移I米阳·2018-11-12 10:05

Vue2.0 多入口配置

H5项目，一个入口用于微信，一个入口用于其他平台。设置多入口可以使登录信息，路由配置等互不干扰。目录1.首先创建app目录，分别用于存放两个入口的配置文件（不创建也行，个人感觉分开比较清晰）2.修改构建目录下的文件a.首先修改webpack.base.conf.js文件。改为多入口，对应为应用程式目录下的两个main.js文件b.修改webpack.dev.conf.js文件配置。两个HtmlWe
邓惠子飞吧·2018-11-07 10:40

H5的drag使用说明和vue2.0拖拽排序示例

html5dragapi详解（引用原文https://www.cnblogs.com/wuya16/p/DragApi.html）回想下，以前我们是怎么实现拖拽的，主要有以下几步：1.目标元素绑定mousedown事件，记录下此时鼠标位置和拖拽元素的位置差，分别是diffX,diffY2.在mousedown中绑定document的mousemove以及mouseup3.在mousemove中计算
tangchangcai.·2018-10-31 17:14

利用Vue.js2.0实现购物车和地址选配功能

根据慕课网-利用Vue2.0实现购物车和地址选配功能教程，通过利用Vue2.0来实现电商平台的简单功能。
wantingtr·2018-10-31 17:04

基于vue2.0实现仿百度前端分页效果附实现代码

前言上篇文章中，已经使用vue实现前端分页效果，这篇文章我们单独将分页抽离出来实现一个分页组件先看实现效果图代码实现按照惯例，我们在冻手实现的时候还是先想一想vue实现组件的思路1、需要提前设定哪些参数需要暴露出来给父组件传递方法及参数说明属性page-size每页显示条目个数total总条目数current-page当前页数layout布局默认不显示jumper,total事件change当前页
fozero·2018-10-30 09:01

前端小资讯 第2期

主要讲解了页面按照逻辑分块、axios内部设计分析（英文）axios是在使用vue2.0时而了解的，使用方法和ajax很像。这篇文章先浅显说明axios使用方法，然后一起研究源码了解内部设计。
celineWong7·2018-10-26 11:35

ElementUI介绍以及安装

Element介绍Element，一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端远组件库。Elemmt的设计原则一致性与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念。
BADAO_LIUMANG_QIZHI·2018-10-25 16:44

vue打包后，访问不到

vue2.0改这里的配置！！！vue3.0改这里！！！
一名有马甲线的程序媛·2018-10-23 13:28

vue2.0 路由模式mode="history"的作用

特别提醒：开启mode="history"模式，需要服务端的支持，因为出现“刷新页面报错404”的问题；大家都知道，路由地址都是以"#"形式展示，但是有些时候，我们又希望路由地址中不出现"#"，那怎么办呢？vue给我们提供了一个属性mode="history";代码如下constrouter=newRouter({mode:'history',//去掉路由地址的#routes:[{path:'/'
狂奔的小马扎·2018-10-18 11:41

vue2.0 日历日程表 ，可进行二次开发.

由于工作业务需求，要写一个日程表，日程表写之前要先生成日历，废话不多说，直接上代码：日程表-->-->*{box-sizing:border-box;}.rili{float:left;padding-left:20px;font-size:12px;overflow:hidden;min-width:1050px;width:100%;}.calendar{float:left;width:23
dengla6847·2018-10-15 15:00

【框架（移动端）】自己搭建基于的Vue 2.0的前端框架，Vue 2.0 + Muse-ui + axios

基于这个缘由，所以我搭建了这个比较适合自己的Vue2.0框架，这个框架主要引用了Muse-ui插件、axios请求插件。这个框架主要是适用于移动端的，用的是等比例放大的样式布局htt
时间飞逝子非鱼·2018-10-13 17:29

vue2.0使用websocket的简单demo

1.首次接触websocket，花了一天多的时间寻找相关资料，参考了网络上的相关例子（https://www.cnblogs.com/qilin-3611/p/7054270.html），整理出一个简单前端、后台demo，后台demo直接使用链接中的文章的demo，下载后部署在8.0以上的tomcat，jdk为1.8此处给出简单的前端代码：发送消息关闭websocket连接{{data}}expo
Ivor_Chan·2018-10-11 16:39
上一页 54 55 56 57 58 59 60 61 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他