妙蛙真香的博客

【代码】vue2 监听页签切换及关闭。

【代码】vue 指定启动端口。

全局监听网页窗口关闭

【代码】vue3表单重置。

【代码】正常注册会报组件未注册。

【代码】vue合并文件。

1、npm install postcss-px-to-viewport --save-dev2、在postcss.config.js中配置module.exports = { plugins: { autoprefixer: {}, // 用来给不同的浏览器自动添加相应前缀，如-webkit-，-moz-等等 "postcss-px-to-viewport": { unitToConvert: "px", // 要转化的单位 viewportWidth

传送门

export default { data() { return { oldScrollTop: 0, //记录上一次滚动结束后的滚动距离 scrollTop: 0 // 记录当前的滚动距离 } }, watch: { scrollTop(newValue, oldValue) { setTim

1、全局注册自定义指令1、创建一个公共的js文件import Vue from 'vue'Vue.directive('demo', { bind: function (el, binding) { console.log(el); console.log(binding.arg); el.innerHTML = binding.value }})2、main.js中引入 import App from './App'imp

scrollBehavior(to, from, savedPosition) { return { x: 0, y: 0 } }

一、阿里云配置注意*****：1、上图来源可以但不推荐为*，来源配置为域名2、请求方式勾选put3、Allowed Heafers配置为*即可4、Exposed Headers与缓存时间可以不填参考内容：传送门二、1、安装包 : npm install ali-oss2、src下新建utils文件夹，文件夹中创建 alioss.js,添加以下代码var OSS = require('ali-oss');export function client() { var client

视频地址https://www.bilibili.com/video/BV15Q4y1K79c?from=search&seid=7139068013544782298笔记https://blog.youkuaiyun.com/weixin_44157964/article/details/108420759

使用on、on、on、emit实现兄弟组件间的传值$off使用方式见子组件 a.vue1、创建一个js文件，比如bus.jsimport Vue from 'Vue'export default new Vue2、父组件<template> <div class="hello"> <aaa></aaa> <bbb></bbb> </div></template>&lt

新建network文件夹创建 request.jsimport axios from 'axios'export function request(config) { // 1.创建axios的实例 const instance = axios.create({ baseURL: 'http://192.168.0.123:8000', timeout: 5000 }) // 2.axios的拦截器 // 2.1.请求拦截的作用 instance.inter

插件

vue 脚手架版本升降问题vue-cli查看版本号：vue -Vvue-cli下载安装：vue-cli2:npm install -g vue-cli@版本号vue-cli3/cli4:npm uninstall -g vue-clinpm install -g @vue/cli@版本号安装完Vue cli3 之后，还想用vue-cli2.x 版本（安装一个桥接工具）：npm install -g @vue/cli-init创建项目：vue-cli2:vue init

vue 别名配置新建一个配置文件 名字必须为 vue.config.js添加一下内容const path = require('path');//引入path模块function resolve(dir){ return path.join(__dirname,dir)//path.join(__dirname)设置绝对路径}module.exports={ chainWebpack:(config)=>{ config.resolve.alias