![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Typescript
文章平均质量分 64
小于___
十八线小城市搬砖工人
展开
-
Vue-Router路由使用详解(二)
文章目录1.路由守卫2.路由元信息3.过渡动效4.数据获取5.滚动行为6.路由懒加载7.导航故障1.路由守卫全局前置守卫全局前置守卫的应用场景之一就是在触发路由跳转后,对其拦截判断是否登陆或登陆是否失效,根据判断结果进行处理。router.beforeEach((to, from, next) => { // 进行逻辑判断,demo const isLogin = localStorage.getItem("isLogin"); // 这里的meta就是下边要说的“路由元信息”原创 2021-01-21 11:37:01 · 448 阅读 · 0 评论 -
Vue-Router路由使用详解(一)
0.安装及使用npm install vue-router --save<!-- 使用 router-link 组件来导航 --><router-link to="/index">Index</router-link><!-- 路由出口,路由匹配到的组件将渲染在这里 --><router-view></router-view>router/index.tsimport Vue from 'vue'import Vue原创 2021-01-21 11:34:29 · 472 阅读 · 0 评论 -
vue+typescript解决无法使用路由组件内守卫
vue + typescript 开发环境组件内无法调用路由钩子:beforeRouterEnter等守卫需要向Component注册hooksimport { Vue, Component } from "vue-property-decorator";import { Divider } from "ant-design-vue";import { RouteConfig } from "vue-router";import { getUserList } from "@/api/use.原创 2021-01-20 22:44:38 · 714 阅读 · 3 评论 -
Vue的Mixins详解及用法
mixins 选项接收一个混入对象的数组。这些混入对象可以像正常的实例对象一样包含实例选项,这些选项将会被合并到最终的选项中,使用的是和 Vue.extend() 一样的选项合并逻辑。也就是说,如果你的混入包含一个 created 钩子,而创建组件本身也有一个,那么两个函数都会被调用。Mixin 钩子按照传入顺序依次调用,并在调用组件自身的钩子之前被调用。如果发生合并冲突,则以组件对象为主。1.使用场景多个业务组件的数据或者逻辑相似的时候,可以将公共部分抽取。在各个业务组件中通过 mixins .原创 2020-12-27 12:41:58 · 2153 阅读 · 0 评论 -
Vuex状态机的理解和使用
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。以上是官方套话,详情直接看官网。1.对状态机vuex的理解是一种状态管理模式,抽取共享状态保证状态是可预测的变化单向数据流官方祖传的单向数据流图。官方祖传的单向数据流图。官方祖传的单向数据流图。2.安装npm install vuex --save3.vuex的基础结构import Vue from 'vue'im.原创 2020-12-24 22:15:42 · 658 阅读 · 0 评论 -
vue-property-decorator装饰器
vue-property-decorator装饰器直接上代码,针对每个装饰器都有注释。<!-- fatner --><template> <div> <div>我是父组件的: {{models}}</div> <child :params.sync="params" v-model="models" @emit-test="hanlerEmit1" @emitTestName="handlerEmit2">&l原创 2020-12-23 21:42:55 · 351 阅读 · 0 评论 -
TypeScript 中 any 和 unknown 的区别
译者: 在实际场景中, 很少看到有人在 Typescript 中使用 unknown , 使用unknown 可以保证类型安全,使用 any 则彻底放弃了类型检查 , 在很多情况下, 我们可以使用 unknow 来替代 any , 既灵活, 又可以继续保证类型安全.原文链接在我们的项目中实现 TypeScript 时,我们努力写出最好的类型。我们可能经常觉得使用any类型违背了 TypeScript 的目的,确实如此。还有其他一些类型值得了解,我们可能会发现它们在尝试不使用 any 时很有用,比如 .转载 2020-12-16 16:42:33 · 1928 阅读 · 0 评论