vue项目scss配置全局变量

// vue.config.js const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDependencies: true, css: { loaderOptions: { sass: {

- 阅读全文 -

uni-app接口封装

// 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'

- 阅读全文 -

Vue 时间插件 moment 使用,并设置中文

下载安装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-

- 阅读全文 -

vue-router过渡动效

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

- 阅读全文 -

vue公共js文件无法获取this(vue实例)

解决思路在 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

- 阅读全文 -

Vue2设置全局函数和全局变量

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

- 阅读全文 -

vue全局路由守卫配置

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

- 阅读全文 -

vue2全局图标组件

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

- 阅读全文 -