vue
文章平均质量分 60
蔚蓝色天空sky
不抛弃,不放弃、、、
展开
-
WebApp技术选型,React,AngularJS,Vue
因工作缘故,需要做一个移动端app,React,AngularJS,Vue,用哪个呢,分享一下三个技术的对比。技术比较文档1: react.js,angular.js,vue.js学习哪个好? 技术比较文档2: vue官方的对比其他框架文档(其中就有React,AngularJS): 对比其他框架Vue在国内外的使用:国外的情况不太了解,但是国内有一些公司,比如说美团、滴滴、饿了么等这些互联网转载 2017-07-12 17:32:43 · 3463 阅读 · 2 评论 -
Vue前端以日历的方式展示月报表示例
1、Vue前端以日历的方式展示月报表,如下图 2、前端代码如下:template>div> div style="width:100%;height:48px;"> div id="transparent-header" class="rank-head container" style="background: rgb(14,53,108);"> i原创 2018-01-07 13:12:17 · 8511 阅读 · 1 评论 -
Vue.prototype和sessionStorage的使用简介
1、Vue中的全局变量如何实现? 在Vue中多个页面间的变量的保存与读取如何实现?2、Vue中的全局变量是通过 Vue.prototype实现的 如我们的客户端数据接口BASE_URLD main.js中定义如下:Vue.prototype.BASE_URLD = 'http://127.0.0.1:8080';在其他页面引用如下:script>原创 2018-01-06 14:33:31 · 5370 阅读 · 0 评论 -
Vue 树控件使用
1、前言 在最近的一个Vue项目中,需要显示一个区域信息,是有父子层级结构的,且需要实现以后不限制几级。 2、使用了作者李 维开源的一个树组件vue-ztree 其blog地址原创《开源一个用 vue 写的树层级组件 vue-ztree》3、使用说明: vue前端代码如下:template>div> vue-ztree :list.syn原创 2018-01-06 14:16:35 · 13488 阅读 · 3 评论 -
Vue 日期控制的改造(只能选择年月)
1、前言 学习Vue已经有很长一段时间了,也刚刚完成了一个Vue移动端项目,后面会陆续将个人在刚刚完成的这个Vue项目中碰到的坑进行汇总,然后以blog的形式分享出来。 2、vue的日期控制,第三方有很多,但只有年月选择的就很少,我在网上找,就没找到,然后自已就动改直接改造了,改造后的效果如下: 3、我选择的第三方控件是datepicker.vuetemplate原创 2018-01-06 13:19:07 · 20230 阅读 · 2 评论 -
vue proxyTable 接口跨域请求问题处理
1、前言 在使用vue开发移动端app时,使用http请求获取接口数据时,出现vue proxyTable接口跨域请求问题 2、vue http请求代码如下:this.$http.post(this.URL + '/mobile/base/getBaseInfo.do',{type:1}) .then(function (res) { alert(res.data原创 2018-01-06 12:37:08 · 2255 阅读 · 0 评论 -
发布Vue项目到tomcat
1、使用npm run build 命令 将vue项目打包,运行后会生成dist打包文件(最好是将dist重命名为你的项目名),将这个文件拷贝到tomcat的webapps下,启动tomcat,就可以访问了。原创 2018-01-05 10:10:20 · 3651 阅读 · 0 评论 -
Vue 中使用vue2-highcharts实现top功能
1、要实现的效果如下图: 2、首先项目中引用vue2-highcharts package.json中如下: 在命令行中输入:cnpm install vue2-highcharts3、页面代码如下:template> div > div> div id="transparent-header" class="rank-head原创 2018-01-09 16:31:01 · 1966 阅读 · 0 评论 -
Vue 中使用vue2-highcharts实现曲线数据展示示例
1、要实现的效果如下图: 2、vue前端页面如下:template> div> div> div> img src="../assets/index/back.png" class="rank-head-back" @click="routerBack"/> span >历史曲线span>原创 2018-01-09 16:46:40 · 5869 阅读 · 2 评论 -
Vue 中使用vue2-highcharts实现实时曲线数据展示示例
1、上一篇文章Vue 中使用vue2-highcharts实现曲线数据展示示例主要是使用vue2-highcharts实现历史曲线,将一连串(多个数据点)以曲线的方式显示出来。实时曲线,每隔一分钟,增加一个点,实时的将多个点连接起来绘制成曲线,并且最多显示10个点,如果已经有10个点,最后一个点加进来之前,将最前面的一个点移除掉。 2、vue前端代码如下:template> d原创 2018-01-10 13:19:47 · 10642 阅读 · 2 评论 -
vue 问题汇总
1、vue.js通过cli脚手架安装stylus遇到的坑 转自:http://blog.csdn.net/zc639143029/article/details/72630449 npm安装stylus和stylus-loader “stylus-loader”: “^3.0.1”, “stylus”: “0.52.4”,转载 2017-12-03 12:29:09 · 359 阅读 · 0 评论 -
vue router-link跳转传值示例
Vue router-link跳转传值示例1、router-link 使用:to="{name:'',params:{name:'james'}}"传值2、routes路由3、在目标页面使用$route.params.name取值4、小结:router-link跳转取值的注意事项原创 2017-11-24 18:00:09 · 8588 阅读 · 0 评论 -
vue开发环境搭建Mac版
一、前言 因工作缘故,需要做一个移动端app,面对2016下半年至今webapp最流行的三个技术React,angular,vue,三选一,如何先,经过前期的技术选型,最后决定使用vue。具体查看本人之前的blog移动app技术选型,react,angular,vue二、vue开发环境的搭建 由于本人使用的是mac,所以环境是windows的下面可以忽略……通过下面一张图对Vue的整体开发环境有原创 2017-07-14 10:23:57 · 35819 阅读 · 10 评论 -
Vue路由(router)使用注意事项
1、跳转到明细页面this.$router.push({path: '/orderList'})2、获取当前路由的路径this.$route.path注意:两段代码中一个是router,一个是route。原创 2017-09-01 18:53:47 · 636 阅读 · 0 评论 -
Vue常用经典开源项目汇总参考-海量
Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。易用(已经会了HTML,CSS,JavaScript 即可轻松上手)、灵活(简单小巧的核心,渐进式技术栈,足以应付任何规模的应用)、性能(17kb min+gzip 运行大小、超快虚拟DOM、最省心的优化)、渐进式JavaScript 框架。作者:最骚的就是你 的文章 Vue常用经典开源项目汇总参考-海量 Vue转载 2017-08-08 11:54:47 · 1765 阅读 · 0 评论 -
使用HBuilder打包vue客户端app
1、使用npm run build 命令 将vue项目打包,生成打包文件dist。 2、使用HBuilder打开dist文件目录 3、在HBuilder中右键项目目录名,点转换成移动App,会生成manifest.json文件 4、在线打包移动App 右键项目名,点发行—>云打包-打原生安装包 弹出App去端打包窗口,勾选Android,然后点“参数配置” 在参原创 2018-01-05 10:27:07 · 11132 阅读 · 0 评论