• Vue.js中v-if和v-show的区别
  • 一、共同点在Vue.js中,v-if和v-show都是用来控制元素的显隐。二、区别【本质】v-if 是“真正”的条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。v-show 只是简单地基于 CSS 进行切换,相当于 display 的切换。【过程】v-if 也是惰性的:如果在初始渲染时条件为假,则什么也不做——直到条件第一次变为真时,才会开始渲染条件块。相比之下,v-show 就简单得多——不管初始条件是什么,元素总是会被渲染。【性能】一般来说,v-if 有更高...
  •  2017-12-26  |    程成  |    1000  |    0  |    前端技术  |   Vue  显示  前端  区别  
  • vue.js如何实现页面(组件)之间的互相传值
  • 最近vuejs项目结束了,下面就总结下如何在组件(页面)之间互相传值~一、通过localstorage或者cookies1、在父页面通过设置localstorage或设置cookies设置localstorage:window.localStorage.setItem(name, content);设置cookies:Cookies.set(name, content);2、在子页面通过获取localstorage或获取cookies设置localstorage:window.localStor...
  •  2017-11-29  |    程成  |    2032  |    5  |    前端技术  |   Vuejs  传值  组件  前端  
  • Vue.js解决打包文件生成过多的问题以及打包初始访问页面不是index.html问题
  • 当你的vuejs项目完成后,打包上线是必不可少的,但是你会发现你的dist文件夹下面的文件,会随着每次重新打包文件数量会越来越多。这样既对版本库不好,也不利于后期寻找文件。下面是解决方法:一、解决vuejs打包文件过多问题修改build/webpack.prod.config.js文件,将其中的[hash]删除,然后保存文件。最后重新打包cnpm run build,你会发现,文件并不会数量增多。原理是这里相当于每次生成的新文件覆盖原来的旧文件。二、解决vuejs打包后访问页面默认域名不是ind...
  •  2017-11-22  |    程成  |    1234  |    1  |    前端技术  |   打包  文件  前端  Vuejs  
  • Vue.js如何解决组件之间的传值问题,子组件和父组件之间的相互传值
  • 最近上手了一个项目,这里将分页组件给公用了,这样就涉及到页码,每页显示多少条,一共多少条数据的传递问题。这里,分页组件就相当于子组件,调用它的组件就是父组件,下面介绍如何用vuejs解决组件之间的传值问题。一、子组件向父组件传值问题我使用的分页组件是iview里的,下面就我的代码举个例子。page页码,limit每页显示条数,totalnum总数,分页子组件代码如下:<template>     <div style=&quo...
  •  2017-11-22  |    程成  |    1615  |    3  |    前端技术  |   Vuejs  组件  传值  前端  
  • Vue.js如何使用axios跨域访问数据
  • 最近接受另外一个项目,这个项目没有使用之前设置代理跨域方法,使用了vue2.0新增的axios方法。下面附上如何使用axios设置跨域访问数据。跳转地址:vue.js实现接口跨域请求,解决No 'Access-Control-Allow-Origin' 问题(设置代理方法)一、安装axios使用axios,当然需要先安装它。执行 cnpm install axios安装qs,执行cnpm install qs二、客户端配置引入并且配置axios三、服务器端配置调用接口添加如下代码...
  •  2017-11-16  |    程成  |    3029  |    2  |    前端技术  |   Vuejs  跨域  Axios  前端  
  • vue.js调用接口返回promiseStatus:"pending"解决方法
  • 最近被抓来做前端,写vuejs调用接口相关代码,在调用接口时,接口返回了Promise数据,接口返回如下:正常接口返回应该是一个json格式的字符串,这里返回的是一个对象。下面是两次的代码比较//获取产品品牌----原先代码(错误) let tmp = this.getBrand(this); console.log(tmp); //获取产品品牌----修改后代码(正确) this.getBrand(this).then( res =&g...
  •  2017-11-16  |    程成  |    4097  |    3  |    前端技术  |   Vuejs  Promise  接口  前端  
  • 详解vue.js如何实现全局方法和全局变量
  • 在写vuejs的时候,你肯定需要自定义一些全局方法或者全局变量,在其他页面需要调用。下面就说说我在写代码的时候,如何实现vuejs设置全局方法和全局变量的。如果没有设置全局方法,那么你需要在需要调用方法的时候添加下面一段代码:import { verifyLogin,apiLoginOut } from '@/config/mUtils';这种方法可以,但不是最优,我们完全有能力去优化他。如果我们需要一个验证本地cookie方法,...
  •  2017-11-14  |    程成  |    1328  |    1  |    前端技术  |   全局方法  全局变量  Vuejs  前端  
  • Vue.js 解决跳转页面比设置 LocalStorage 更快问题
  • 最近写vuejs的时候,有这样一个需求,调用A接口,然后操作返回值,存到localstorage中;再调用B接口,然后操作返回值,存到localstorage中;最后跳转到另一个页面。但是遇到了一个问题,在A接口还没有存数据到localstorage中时,页面已经执行了跳转操作。可以通过手动console.log验证执行顺序。原先代码如下:             &...
  •  2017-11-14  |    程成  |    1090  |    0  |    前端技术  |   LocalStorage  跳转  Vuejs  前端  缓存  
  • Vue.js 组件如何监听并且刷新当前页面
  • 自己最近用了一套vuejs的框架,并且调用了接口访问后台。但是遇到一个问题,就是第二次访问同一个页面时候,如果没有执行接口方法,数据会“暂存”,无法实现点击更新页面效果。后来,用如下方法解决了这个问题,可以实现页面切换时,实时更新页面数据:watch: {     //监听分页     page: function () {     ...
  •  2017-11-09  |    程成  |    3438  |    2  |    前端技术  |   Vuejs  Router  刷新  前端  监听  
  • 如何安装 CoreUI 之 Vue.js 篇
  • 下面介绍如何在本地搭建一个coreui界面,访问地址是localhost,效果如下所示:搭建本地coreui环境有以下几步一、安装vue.js环境参考我的这篇博文,【如何安装vue.js】二、下载coreui下载地址,pro版是收费的,多的功能页面有提示http://coreui.io/vue/三、配置coreui环境解压后如下图所示,angularjs,reactjs,vuejs各个版本的coreui都包含了。1、打开cmd,指定到上图的Vue_Full_Project文件夹下2、敲入cnpm...
  •  2017-10-16  |    程成  |    2712  |    1  |    前端技术  |   Vuejs  CoreUI  安装  前端  
  • 如何安装 Vue.js
  • 下面介绍如何安装vue.js:一、安装nodejs从【官网】下载,直接下一步下一步点击,安装完成。64位百度云nodejs下载地址:http://pan.baidu.com/s/1kV5RdxP        密码:tyua安装完成之后,打开命令行工具,输入 node -v,如下图,如果出现相应的版本号,则说明安装成功。npm包管理器,是集成在node中的,所以,直接输入 npm -v就会如下图所示,显示出npm的版...
  •  2017-10-09  |    程成  |    901  |    0  |    前端技术  |   Vuejs  安装  前端