vue
程序员小易
每天都在划水
展开
-
Vue 3 中的防抖/节流
【代码】Vue 3 中的防抖/节流。原创 2023-02-07 15:16:23 · 165 阅读 · 0 评论 -
vue 打包后如何本地预览
npm install http-server -g//找到dist文件夹终端打开http-server -o原创 2022-04-11 16:57:51 · 1738 阅读 · 0 评论 -
axios基于ts封装
|-- axios |--axios.ts |--index.tsimport axios, { AxiosRequestConfig } from 'axios'export default class Axios { public instance constructor(config: AxiosRequestConfig) { this.instance = axios.create(config) this.interceptors() } priva原创 2021-12-23 18:37:42 · 748 阅读 · 0 评论 -
vite-plugin-mock使用方式
yarn add vite-plugin-mock mockjs -D //vite.config.ts export default ({ command, mode }: ConfigEnv): UserConfig => { //command 可以根据'build' | 'serve'不同环境来配置 const isBuild = command === 'build' //mode拿环境变量 development开发 |production 生产 const root原创 2021-12-23 18:30:36 · 1762 阅读 · 0 评论 -
prettierrc配置
yarn add prettierrc -D在根目录下.prettierrc.js文件module.exports = { // 代码结尾是否加分号 semi: false, // 是否使用单引号 singleQuote: true, // 对象大括号内两边是否加空格 { a:0 } bracketSpacing: true, // 单个参数的箭头函数不加括号 x => x arrowParens: 'avoid', // 超原创 2021-12-22 14:59:09 · 779 阅读 · 0 评论 -
vue3自动引入组件,ui库,import
1 unplugin-vue-componentsnpm install unplugin-vue-components -D// vite.config.jsimport { defineConfig } from 'vite'//自动导入组件import Components from 'unplugin-vue-components/vite';//自动按需引入ui库import { ElementPlusResolver, AntDesignVueResolver, Va原创 2021-11-30 12:50:44 · 6127 阅读 · 0 评论 -
pinia用法
目录结构store store创建import { defineStore } from "pinia";// defineStore 调用后返回一个函数,调用该函数获得 Store 实体export const useStore = defineStore({ // id: 必须的,在所有 Store 中唯一 id: "user_test", // state: 返回对象的函数 state: () => ({ count: 2, }), getter原创 2021-11-17 09:30:47 · 1943 阅读 · 0 评论 -
vue自动注册全局组件
目录接口componenty-h.vuecomponent.js//component.jsimport Vue from "vue"let requireComponent = require.context("./",false,/\.vue/);console.log(requireComponent.keys())requireComponent.keys().forEach((element) => { const config = requireComponent(el原创 2021-11-02 21:51:44 · 87 阅读 · 0 评论 -
Vue项目中使用Echarts 和Echarts中水球liquidFill的中文API
一 安装Echartsnpm install echarts-liquidFill --savenpm install echarts --save二 引入Echarts 在入口文件index.js中 如下所示 仅供参考import Vue from 'vue'import vueRouter from 'vue-router'import Echarts from 'echarts'//引入echartsimport {router} from './router'import App原创 2021-10-14 18:56:49 · 798 阅读 · 0 评论 -
支付宝授权管理后台返回form前台处理
async function sign(record: Recordable) { if (record.state == 0) { createMessage.success('请将url地址或二维码发给用户签约授权'); let from = await getUserSign({ companyId: record.companyId, url: 'https://www.baidu.com/', }.原创 2021-10-12 13:57:00 · 166 阅读 · 0 评论 -
vue做less全局配置
1. 引入loadervue add style-resources-loader2. 配置vue.config.js1 // vue.config.js 2 const path = require("path"); 3 module.exports = { 4 pluginOptions: { 5 "style-resources-loader": { 6 preProcessor: "less", 7 patt原创 2021-05-22 11:21:23 · 103 阅读 · 0 评论 -
vue vue.config 指定目录
module.exports = { // 如果你不需要使用eslint,把lintOnSave设为false即可 lintOnSave: true, chainWebpack: config => { config.resolve.alias .set('@', resolve('src')) // key,value自行定义,比如.set('@@', resolve('src/components')) .set('_c', resolve('sr.原创 2021-06-01 11:45:22 · 305 阅读 · 0 评论 -
vue-cli3打包时根据不同命令修改请求地址
第一步在根目录创建一个.env.test文件test名字可以自定义,在里面写入NODE_ENV='test'第二步在package.json文件中scripts字段中加入"test": “vue-cli-service build --mode test”"scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "test": "vue-cli-service buil原创 2021-05-26 13:45:44 · 356 阅读 · 0 评论 -
VueRouter重复点击报错
重复路由点击报错const originalPush = Router.prototype.push;Router.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err);};原创 2021-05-26 09:46:33 · 112 阅读 · 0 评论 -
vue如何做vant做移动适配
1. 按照官网要求按需导入组件(此处看我之前的文章或官网)2. 根目录下postcss.config.jsmodule.exports = { plugins: { 'autoprefixer': { browsers: ['Android >= 4.0', 'iOS >= 7'] }, 'postcss-pxtorem': { rootValue: 37.5, //这是基准值,在375px的屏幕变大rem的值会变大,小于这个原创 2021-05-22 11:11:25 · 174 阅读 · 0 评论