随笔分类 - Vue
摘要：#### big.js浮点运算库 ##### 安装 ``` npm install big.js ``` ##### 使用 ``` const Big = require('big.js'); or import Big from "big.js"; x = new Big(0.3) x.minus
阅读全文
摘要：#### js qrcode 包生成二维码 * 安装 ``` npm install --save qrcode ``` * 或者，全局安装以便从命令行保存qrcode图像或生成您可以在您的终端中查看的图像。 ``` npm install -g qrcode ``` * 使用 ``` import
阅读全文
摘要：vue3 和 vite 配置 一、开发相关配置 1、配置路径别名 alias import { fileURLToPath, URL } from "node:url"; resolve: { alias: { "@": fileURLToPath(new URL("./src", import.m
阅读全文
摘要：一、配置插件 1. 安装 vue-i18n,( cnpm install vue-i18n --save ) 2. 在入口,main.js 中引入 （import Vuei18n from "vue-i18n"） 3. 配置插件 引入翻译文件 let cn = require( '@/assets/
阅读全文
摘要：vue-cli 打包时抽离项目相关配置文件 当使用vue-cli进行开发时时常需要动态配置一些设置，比如接口的请求地址(axios.defaults.baseURL) 这些设置可能需要在项目编译后再进行设置的，(方便运维部署人员自己配置接口IP) 所以在vue-cli里我们需要对这些配置文件进行抽离
阅读全文
摘要：基本介绍 中文官网 https://yarn.bootcss.com/ 简介 yarn 是 Facebook, Google, Exponent 和 Tilde 开发的一款新的 JavaScript 包管理工具。 一个包里包含所有需要共享的代码，以及描述包信息的文件，称为package.json。它
阅读全文
摘要：keep alive组件缓存 动态更新组件 实现功能
阅读全文
摘要：安装 通过 vue-cli 创建我们的项目 vue create vue3demo 通过 vite 创建我们的项目 npm init vite@latest <project-name> --template vue npm init vite@latest ./ --template vue 安装
阅读全文
摘要：在vue项目中 mock.js 的使用 官网github：https://github.com/nuysoft/Mock/wiki/Getting Started 1. 安装: 2. 在main.js 同目录创建 mock.js 3. 在main.js 中引入 //mock.js
阅读全文
摘要：vue 样式穿透问题 官方地址[https://vue loader.vuejs.org/zh/guide/scoped css.html %E6%B7%B7%E7%94%A8%E6%9C%AC%E5%9C%B0%E5%92%8C%E5%85%A8%E5%B1%80%E6%A0%B7%E5%BC%8
阅读全文
摘要：导航守卫 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。 有多种机会植入路由导航过程中：全局的, 单个路由独享的, 或者组件级的。 记住参数或查询的改变并不会触发进入/离开的导航守卫。你可以通过观察 $route 对象来应对这些变化 javascript 1、全局前置守卫 router.bef
阅读全文
摘要：vuex 概念 State // store/index.js let store = new Vuex.Store({ state:{ count:100, dataList:[], title:"aaa", }, }) // .vue 组件中获取 1、计算属性获取 computed: { cou
阅读全文
摘要：样式 说明 解决办法 vu3中样式穿透 样式 在vue项目中 全局样式 直接在 main.js 引入 或者在 APP.vue 中引入 // main.js import '@/assets/css/base.css' // App.vue <style src="./assets/css/base.
阅读全文
摘要：环境变量配置 跨域代理配置 cli 服务使用命令 vue-cli-service serve vue-cli-service build npm run build 传入参数 总结 参考内容 环境变量配置 官方文档 https://cli.vuejs.org/zh/guide/mode-and-en
阅读全文
摘要：彻底搞清浏览器跨域问题 这里说的跨域是浏览器特有的,服务器则不存在 同源策略 最初，它的含义是指，A 网页设置的 Cookie，B 网页不能打开，除非这两个网页“同源”。所谓“同源”指的是“三个相同”： 协议相同 域名相同 端口相同 同源政策的目的，是为了保证用户信息的安全，防止恶意的网站窃取数据。
阅读全文
摘要：有些页面中 要登录后才能进入 这个时候就用到了 router.beforeEach() 方法 *代码：main.js let isLogin = router.beforeEach((to,form,next)=>{ let isflag = to.matched.some(record=>{ re
阅读全文
摘要："Print to console": { "prefix": "vue", "body": [ "<template>", "<div>", "\r", "</div>", "</template>", "<script>", "export default {", "\tname:\"\&quo
阅读全文
摘要：axios通用function封装 start http.js 引入了移动端 vant 框架 注：接口地址，加密秘钥，签名方式 根据实际情况而定适当修改 import axios from 'axios'; import md5 from 'md5'; import Vue from 'vue';
阅读全文
摘要：data数据: data() { return { source: "" }; }, methods方法： methods: { sendGet() { // 每次都生成一个 token，给这个接口 var source = axios.CancelToken.source(); this.sour
阅读全文
摘要：1 https://github.com/axios/axios 2 axios API 3 为方便起见，为所有支持的请求方法提供了别名,在使用别名方法时， url、method、data 这些属性都不必在配置中指定。 4 5 axios.request(config) 6 axios.get(ur
阅读全文
