Fish's Blog

// config/index.js module.exports = { baseURL: process.env.NODE_ENV === 'production' ? 'http://yszk.depin.vip/index.php' : '/' }// utils/request.js import { baseURL } from '@/config/index.js'

- 阅读全文 -

watch: { $route(newValue, oldValue) { console.log(newValue) console.log(oldValue) }, },

- 阅读全文 -

下载安装npm install moment -s注册引用全局方法main.js 里面注册生成import * as moment from 'moment' import 'moment/locale/zh-cn' // 设置中文 Vue.prototype.$moment = moment全局过滤器全局过滤器实现日期格式化// 用法：1.{{ item.time | format("YYYY-

- 阅读全文 -

官方文档给出了一个解决方案，如下所示，就是修改app容器所在文件，<App />可以理解为<div id="app"></div><template> <a-locale-provider :locale="locale"> <App /> </a-locale-p

- 阅读全文 -

过渡动画我们使用vue官方提供的方法 transition 来实现，他的属性有 name(过渡动画名) ， mode(过渡模式) ，只有 out-in 和 in-out 两种模式。下面直接上代码。Vue2版本v3(vue2)官方文档<transition name="scale" mode="out-in"> <router-vie

- 阅读全文 -

解决思路在 main.js 文件中创建vue实例之后将其暴露出去，然后在需要使用vue实例的文件夹引入 main.js即可获取到vue实例let that = new Vue({ router, store, render: h => h(App) }).$mount('#app') export default that // 暴露vue实例，使公共js可获取到vue实例(t

- 阅读全文 -

新建一个公共函数文件夹，在文件夹下新建一个js文件用于存放函数和变量 :cool:common.js// 全局变量 const gvar = { test: '全局变量' } // 全局函数 const test = () => { return console.log("全局函数"); }; // 暴露 export default { gv

- 阅读全文 -

先摆出 官方文档Q：路由守卫有何用？A：路由守卫可以实现许多功能，例如鉴权，登录状态校验，页面显示状态等等...全局配置可极大程度减少工作量，并且极大提高代码维护性...如何实现？实现路由守卫主要使用 vue-router提供的几个钩子函数 router.beforeEach(全局前置守卫)、router.beforeResolve(全局解析守卫)、router.afterEach(全局后置钩子)

- 阅读全文 -

1.全局注册组件方法可参考我的 上一篇文章2.设计组件在 @/components/ 目录下新建一个 Icon文件夹，文件夹内容如下我使用的图标库是iconfont上的Ant图标引入方法可参考 这篇文章把图标添加到项目之后，下载下来得到以下文件，将红色框框的文件复制到 @/components/Icon/iconfont目录下然后编写index.vue，直接上代码<template>

- 阅读全文 -

官方方法在此之前可以参考一下官方文档，参考完之后可以参考一下我稍作修改之后的方法如果你恰好使用了 webpack (或在内部使用了 webpack 的 Vue CLI 3+)，那么就可以使用 require.context 只全局注册这些非常通用的基础组件。这里有一份可以让你在应用入口文件 (比如 src/main.js) 中全局导入基础组件的示例代码：import Vue from 'vue'

- 阅读全文 -