2019年9月12日

vue路由跳转的三种方式

摘要: 1、router-link 【实现跳转最简单的方法】 <router-link to='需要跳转到的页面的路径>浏览器在解析时,将它解析成一个类似于<a> 的标签。 1 2 3 4 #div和css样式略 <li > <router-link to="keyframes">点击验证动画效果 </ro 阅读全文

posted @ 2019-09-12 15:22 向往回得来 阅读(4130) 评论(0) 推荐(0) 编辑

2019年9月10日

vue中的钩子函数(判断是否跳转页面)beforeEach

摘要: router.beforeEach((to, from, next) => { var userInfo = window.localStorage.getItem('token');//获取浏览器缓存的用户信息 if(userInfo){ //如果有就直接到首页咯 next(); } else { 阅读全文

posted @ 2019-09-10 14:05 向往回得来 阅读(4202) 评论(0) 推荐(0) 编辑

vue中子组件向父组件传值方法?

摘要: 1. 直接在子组件中通过this.$parent.event来调用父组件的方法 2.在子组件里用$emit向父组件触发一个事件,父组件监听这个事件 3.父组件把方法传入子组件中,在子组件里直接调用这个方法 阅读全文

posted @ 2019-09-10 13:57 向往回得来 阅读(499) 评论(0) 推荐(0) 编辑

vue中对数组,对象的操作如下

摘要: 1. 删除数组中的对象this.$delete 2. 改变数组的对象 this.$set(obj, keyOfItem, newValue) 3. 数组对象直接修改属性,可以触发视图更新 阅读全文

posted @ 2019-09-10 13:54 向往回得来 阅读(4866) 评论(0) 推荐(0) 编辑

2019年1月22日

vue-router的beforeEach的使用?

摘要: 解决思路就是首先将每次登录之前首先将后台传给的token记录下来判断是否存在(或者判断用户名信息是否存在),接下来才判断是跳转登录页面还是首页 router.beforeEach((to, from, next) => { var userInfo = window.localStorage.get 阅读全文

posted @ 2019-01-22 14:24 向往回得来 阅读(1099) 评论(0) 推荐(0) 编辑

vue拦截器使用?

摘要: 解决问题: 1.添加统一的request的参数 比如header中加入X-Requested-With,比如客户端需要实现sign和token的验证机制,比如你可以写$http.get(‘/files’, params), 2.处理统一的responseError 比如重连机制,拿到error.co 阅读全文

posted @ 2019-01-22 14:15 向往回得来 阅读(408) 评论(0) 推荐(0) 编辑

2018年8月24日

vue中父子组件以及兄弟组件的传值情况?

摘要: 1.父向子传递? 首先父组件中定义了某个值name:张三,要想把这个值传递给子组件,这时子组件要想接收父组件的值则需要在自身组件上<son:myname="name"></son>,并需要在自身组件内用props:['myname']来定义。 2.子组件向父组件传递? 首先父组件在自身data上定义 阅读全文

posted @ 2018-08-24 18:52 向往回得来 阅读(231) 评论(0) 推荐(0) 编辑

2018年8月7日

前端模块化?

摘要: 1.首先下载require.js引入在页面中,在引入require(['模块名']); 2.定义的模块间文件中用define(['jquery','template'],function($,template){...}) 3.在1中引入的模块名最好在config.js中配置短名字: 基础路径配置 阅读全文

posted @ 2018-08-07 14:56 向往回得来 阅读(81) 评论(0) 推荐(0) 编辑

2018年7月31日

移动端项目构建?

摘要: 1.首先引入meta标签设置移动端 2.公共样式css html,body,ul,li,img,a,p,div{ margin:0; padding:0; 设置盒模型 border-sizing:border-box; 去除移动端特有的点击高亮的效果 -webkit-tap-highlight-co 阅读全文

posted @ 2018-07-31 17:08 向往回得来 阅读(105) 评论(0) 推荐(0) 编辑

2018年7月17日

vue插槽?

摘要: 假定我们有一个 app-layout 组件,它的模板为: <div class="container"> <header> <slot name="header"></slot> </header> <main> <slot></slot> </main> <footer> <slot name=" 阅读全文

posted @ 2018-07-17 21:25 向往回得来 阅读(164) 评论(0) 推荐(0) 编辑

导航