51dev.com IT技术开发者社区

51dev.com 技术开发者社区

vue

vue 数据重构 案例

vue 数据重构 案例

//后台返回varoldList=[{'groupName':'权限管理','id':'10','name':'初级权限','type':"10010",'appId':1},{'groupName':'权限管理','id':'11','name':'中级权限','type':"10011",'appId':1},{'...

mint-ui vue双向绑定

mint-ui vue双向绑定

由于最近项目需求,用上了mint-ui来重构移动端页面,从框架本身来讲我觉得很强大了,用起来也很不错,但是文档就真的是,,,,让我无言以对,给的api对于我们这些小菜鸟来讲真的是处处是坑呀(ps:用vue的主要目的是方便数据双向绑定,所以并没有配置vue的环境,webpack,node等)mint-uiToast官网文...

vue生命周期的介绍

vue生命周期的介绍

1<!DOCTYPEhtml>2<html>3<head>4<metacharset="UTF-8">5<title>vue生命周期</title>6<scriptsrc="../js/vue.js"></script>7&...

Vue2.0 探索之路——生命周期和钩子函数的一些理解

Vue2.0 探索之路——生命周期和钩子函数的一些理解

在使用vue一个多礼拜后,感觉现在还停留在初级阶段,虽然知道怎么和后端做数据交互,但是对于mounted这个挂载还不是很清楚的。放大之,对vue的生命周期不甚了解。只知道简单的使用,而不知道为什么,这对后面的踩坑是相当不利的。因为我们有时候会在几个钩子函数里做一些事情,什么时候做,在哪个函数里做,我们不清楚。于是我开始...

Vue2.0的核心思想

Vue2.0的核心思想

Vue的核心思想为数据驱动和组件化。一、数据驱动——双向绑定Vue是一种MVVM框架。而DOM是数据的一个种自然映射。传统的模式是通过Ajax请求从model请求数据,然后手动的触发DOM传入数据修改页面。Vue中,Directives对view进行了封装,当model里的数据发生变化是,Vue就会通过Directiv...

浅谈Vue.js2.0核心思想

浅谈Vue.js2.0核心思想

Vue.js是一个提供MVVM数据双向绑定的库,专注于UI层面,核心思想是:数据驱动、组件系统。1.数据驱动:Vue.js数据观测原理在技术实现上,利用的是ES5Object.defineProperty和存储器属性:getter和setter(所以只兼容IE9及以上版本),可称为基于依赖收集的观测机制。核心是VM,即...

vue中get和post请求

vue中get和post请求

vue中和后台交互,首先要引用vue-resource.jsvue-resource.js是专门和后台进行交互<!--==============引入vue-resource插件=================--><scriptsrc="../js/vueJs/vue-resource.js"&g...

vue-resource 中 get / post / jsonp 三种请求方式的异同

vue-resource 中 get / post / jsonp 三种请求方式的异同

leturl='http://www.phonegap100.com/appapi.php?a=getPortalList&catid=20&page=2';letparams={  params:{    username:'zhangSan...

vue 地图可视化 maptalks 篇

vue 地图可视化 maptalks 篇

Maptalks项目是一个HTML5的地图引擎,基于原生ES6Javascript开发:-二三维一体化地图,通过二维地图的旋转/倾斜增加三维视角-插件化设计,能与其他图形库结合,开发各种二三维效果,例如echarts/d3/THREE等-很认真的优化了绘制性能-很重视测试,有接近1.5K个单元测试用例,所以稳定性还不错...

vue.js多页面开发环境搭建

vue.js多页面开发环境搭建

利用vue-cli搭建的项目大都是单页面应用项目,对于简单的项目,单页面就能满足要求。但对于有多个子项目的应用,如果创建多个单页面,显示有点重复,特别是node_modules会有多份相同的。如果全部放到单页面项目下,又显得有点乱,这时候通过改造vue-cli搭建的项目为多页面,就是一个比较好的解决方法。 如...

vue 自动化部署 jenkins 篇

vue 自动化部署 jenkins 篇

前端项目打包部署,以前都是手工运行打包命令,打包结束后压缩,然后上传到服务器上解压部署。这种重复性的工作,确实有点让人烦,而且效率也不高。本文基于vue的前端项目、GitHub的代码仓库,简述在CentOS7上利用jenkins实现自动部署。 一、安装插件NodeJSJenkins->ManageJen...

vue-cli3 DllPlugin 提取公用库

vue-cli3 DllPlugin 提取公用库

vue开发过程中,保存一次就会编译一次,如果能够减少编译的时间,哪怕是一丁点,也能节省不少时间。开发过程中个人编写的源文件才会频繁变动,而一些库文件我们一般是不会去改动的。如果能把这些库文件提取出来,就能减少打包体积,加快编译速度。本文主要讲述在vue-cli3中利用DllPlugin来进行预编译。1、安装相关插件ya...

vue-cli3.0 升级记录

vue-cli3.0 升级记录

年三十时vue2.6发布,向3.0看齐,说明3.0不远了。作为开发者也应该为vue3.0做点准备。首先是把vue-cli升级到3.x,在这记录下vue-cli2.x升级vue-cli3.x中遇见(将来)遇见的问题。 1、安装vue-cli3.xnpminstall-g@vue/cli#ORyarnglobal...

vue 组件发布记录

vue 组件发布记录

好久没做独立的vue组件了,最近突然想把一个常用的vue组件打成一个npm包,方便使用。好久不用,发现已经忘记环境怎么搭建。翻看以前的组件,才慢慢回想起来,中间还出现些错误。在这记录下开发过程,以备忘。 一、新建工程打成npm包的vue组件一般不会太复杂,当然如果是做一个UI库(如:element-ui),那...

vue-cli2 构建速度优化

vue-cli2 构建速度优化

对于使用vue-cli脚手架创建的前端项目,编译发布几乎是必需操作,有的编译只需要几秒钟,快如闪电,有的却需要好几分钟,慢如蜗牛。如果是线上进行热修复,那更是分秒必争,网页响应的速度直接影响了用户体验,用户不会那么有耐心长时间等着,让你慢慢编译。网上流传vue-cli一些优化配置,有些在新版本的vue-cli和webp...