一、路由拦截 1.首先在router的index.js里配置一个自定义字段requireAuth,用该字段来判断进入该路由是否需要登录。如果已经登陆则进入该路由，反之则进入登录页面。 如图是路由配置： 2.在main.js里面利用vue-router的beforeEach钩子函数对路由进行判断。 实 ...
分类：
移动开发 时间：
2019-02-14 15:13:29
阅读次数：
238
钩子函数的使用: 对应一个操作中的算法骨架，将某些步骤延迟到子类中实现，这样新的子类就可以在不改变一个算法结构的前提下重新定义该算法的某些特定步骤。 其核心：处理某个流程的代码已经都具备，但是其中某个节点的代码暂时不能确定，我们采用模板方法的模式，将这个节点的代码实现转移给子类确定。[处理步骤父类中 ...
分类：
其他好文 时间：
2019-02-11 12:42:03
阅读次数：
170
1.axios的get请求 1.1 先引入Vue 和 axios 的文件 1.2 这里的实例中 是在 mounted 钩子函数中发送的get请求，意思是在页面加载的执行发送 代码如下： 1.3 github 上的案例是这么写的，上述案例中用的是ES6的箭头函数 2. axios 的 post 请求 ...
分类：
移动开发 时间：
2019-02-08 13:16:49
阅读次数：
282
生命周期钩子介绍: 每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。 这个生命周期钩子函数可以在官网上看到, ...
分类：
其他好文 时间：
2019-02-02 23:27:13
阅读次数：
229
组件中箭头函数的使用 不要使用箭头来定义任意生命周期钩子函数； 不要使用箭头来定义一个 methods 函数； 不要使用箭头来定义 computed 里的函数； 不要使用箭头定义 watch 里的函数； 不要对 data 属性/函数 使用箭头； 上面的函数中使用箭头，会导致 this 捕获不到 Vu ...
分类：
其他好文 时间：
2019-01-29 18:08:34
阅读次数：
156
<keep-alive>是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。 <router-view>中间为组件</router-view> <keep-alive>伴有两个钩子函数activated 在该组件展示的时候执行 deactivated 在该组件关闭或跳转的时 ...
分类：
其他好文 时间：
2019-01-23 17:18:37
阅读次数：
163
一.forms组件的渲染错误信息 在模板中:<span>{{ foo.errors.0 }}</span> forms使用bootstrap样式 widget = widgets.EmailInput(attrs={'class':'form-control'}) 全局和局部钩子函数 AOP:面向切 ...
分类：
其他好文 时间：
2019-01-22 10:51:36
阅读次数：
191
vue 中监测滚动条加载数据（懒加载数据） 1：钩子函数监听滚动事件： 2： ...
分类：
其他好文 时间：
2019-01-21 16:07:49
阅读次数：
324
Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。包括以下几种常见的方式： 在 CSS 过渡和动画中自动应用 class 可以配合使用第三方 CSS 动画库，如 Animate.css 在过渡钩子函数中使用 JavaScript 直接操作 DOM 在 CSS 过渡和动画中自动 ...
分类：
其他好文 时间：
2019-01-15 10:37:59
阅读次数：
202
请求钩子函数：请求前，请求后需要做的处理 @app.before_first_request-在第一次请求之前执行 @app.before_request-在每一次请求之前执行 @app.after_request-在每一次请求之后都会执行，并且将响应返回给前端 @app.teardown_requ ...
分类：
其他好文 时间：
2019-01-14 23:01:07
阅读次数：
376
