vue学习
tiantiandashi
这个作者很懒,什么都没留下…
展开
-
vue自定义指令
定义自定义指令的语法:Vue.directive。这个方法接受两个参数,第二个参数表示可以是一个对象,也可以是一个函数,通常会同构对象方式,因为可以定义更多功能;当只有两个参数的时候,第二个参数如果是一个参数,那就是update函数如Vue.directive(‘check’,function(){ …})下面是一个验证用户名的例子:`原创 2017-09-25 21:14:58 · 286 阅读 · 0 评论 -
vue自定义过滤器
vue类提供了一个方法叫filter,通过这个方法我们可以自定义插值过滤器,这个插值过滤器使用方法同内置的过滤器使用方法是一样的:使用{{key | filterName param}} , 定义Vue.filter ( 过滤的名称, 过滤函数)但是2.0中已经废弃了过滤器,需要我们自己定义下面是自定义将输入命名转换成驼峰命名的小例子原创 2017-09-25 21:28:52 · 378 阅读 · 0 评论 -
在vue中通过父子组件以及transition实现幻灯片
1.先在components文件夹中新建一个幻灯片组件slideShow.vue,然后在需要使用到幻灯片的页面中import,注册,便可在模板使用<slide-show>组件。2。在使用<slide-show>时向幻灯片组件传递两个参数,分别是照片信息以及播放速度<slide-show :slides="slides" :inv="slideSpeed"...原创 2018-07-24 11:20:32 · 556 阅读 · 0 评论 -
vue2.0模拟后台json数据
最近在跟着做vue2.0以上版本的一个购物平台,在涉及到模拟后台数据交互的时候,视频里讲的是通过json-server这个插件和express,由于之前的配置都是在build/dev-server.js文件夹下,在vue2.0都没有了,全部整合到了build/webpack.dev.conf.js文件里,通过不断查阅资料后终于模拟成功。1.首先 npm install vue-resource...原创 2018-07-24 11:57:44 · 2116 阅读 · 0 评论 -
vue中设置、获取、删除cookie
1、在src目录下的access下新建一个cookie.js, 内容如下: export function setCookie(c_name,value,expire) { var date=new Date() date.setSeconds(date.getSeconds()+expire) document.cookie=c_name+ "=...原创 2018-08-10 16:37:31 · 6295 阅读 · 1 评论 -
vuex最简单、最详细的入门文档
vuex最简单、最详细的入门文档转载 2018-08-10 17:11:28 · 183 阅读 · 0 评论 -
vue项目中出现cannot get/的解决办法之一
最近在撸一个vue项目,本来一切安好的时候,因为想用到jquery,便npm install jquery --save了一波,然后啥配置都不干先启动一下项目,这时候见鬼了,页面竟然变成了cannot get/........................这个时候我找了一下网上的办法,都是说要修改config文件夹下面的index.js里面,把 assetsPublicPath: '....原创 2018-08-02 19:47:01 · 54995 阅读 · 6 评论 -
vue中跨域解决办法
项目在上线之后,前后端的代码放在同一个服务器下面,就不存在跨域的问题。然而在前后端分离的开发中,跨域在所难免。在以前,存在跨域的时候一般都叫后台小伙伴设置,但是vue中提供了一种方法,在前端也可以设置解决跨域的问题。下面给大家介绍一下:比如我们服务端的地址为http://localhost:3000;而我们开发的地址为http://localhost:8080;由于端口不一致导致了跨域。解决办...原创 2018-08-15 15:10:32 · 3866 阅读 · 0 评论