vue

Vue基本使用

 Vue.js是一款流行的开源JavaScript前端框架,旨在更好地组织与简化Web开发。Vue所关注的核心是MVC模式中的视图层,同时,它也能方便地获取数据更新,并通过组件内部特定的方法实现视图与模型的交互。由尤雨溪在2014年2月发布的。letvm=newVue();创建vue对象的时候,需要传递参数,...
代码星球·2020-09-25

vue 数据重构 案例

//后台返回varoldList=[{'groupName':'权限管理','id':'10','name':'初级权限','type':"10010",'appId':1},{'groupName':'权限管理','id':'11','name':'中级权限','type':"10011",'appId':1},{'...
代码星球·2020-09-13

mint-ui vue双向绑定

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

vue生命周期的介绍

1<!DOCTYPEhtml>2<html>3<head>4<metacharset="UTF-8">5<title>vue生命周期</title>6<scriptsrc="../js/vue.js"></script>7&...
代码星球·2020-09-13

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

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

Vue2.0的核心思想

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

vue中get和post请求

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

vue 地图可视化 maptalks 篇

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

vue 自动化部署 jenkins 篇

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

vue-cli3 DllPlugin 提取公用库

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

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...
代码星球·2020-09-12

vue 组件发布记录

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

vue-cli2 构建速度优化

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

Cesium Vue开发环境搭建

最近被问到如何在vuejs中集成cesium,首先想到的官网应该有教程。官网有专门讲CesiumandWebpack(有坑),按照官网的说明,动手建了一个Demo,在这记录下踩坑过程。一、vue工程创建,使用vue-clivueinitwebpackcesium-demo二、cesium安装npminstallcesi...

Vue项目打包常见问题整理

Vue项目在开发时运行正常,打包发布后却出现各种报错,这里整理一下遇到的问题,以备忘。1、js路径问题脚手架默认打包的路径为绝对路径,改为相对路径。修改config/index.js中build节点下assetsPublicPath,把原来‘/’改为‘./’1build:...