![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue全家桶
vuex,router等
神农尺
这个作者很懒,什么都没留下…
展开
-
Vue input控制输入内容(整数,小数,带有符号的数字)
input控制输入内容原创 2022-11-28 15:39:56 · 863 阅读 · 1 评论 -
vue切换页面后清除定时器
data(){ return{ timer:null, }},methods:{ timerMethods(){ this.timer = setInterval(()=>{.....},200); },}, destoryed(){ clearInterval(this.timer);},原创 2021-04-02 15:45:49 · 1577 阅读 · 0 评论 -
vue---飘窗触碰屏幕边框后弹回
<div class="fixed" @mouseenter="stoptime" @mouseleave="startTime" :style="{ display: display,top:top,left:left }"> <img src="../../assets/images/BBQImages/piaochuang.png" style="width: 145px; height: 170px" />原创 2021-03-23 16:26:32 · 456 阅读 · 1 评论 -
vue引用外部数据
1.创建数据文件:运用module.exports抛出数据2.引用数据文件:即可原创 2021-03-15 13:29:26 · 719 阅读 · 0 评论 -
vue项目准备
1.vue-cli 创建项目框架2.删除不需要文件(1)about.vue(2)assets/logo.png(3)components/HellowWord.vue3.删除配置:router.js里/about路由配置4.创建src/utils/reset.css ----> 重置样式表 可以用淘宝或百度的重置样原创 2021-03-01 14:48:03 · 100 阅读 · 0 评论 -
.env.development(开发环境)、.env.prodction(正式环境)、自定义环境
文章目录1.配置文件:2.命名规则3.关于文件的加载使用自定义环境1.配置文件: .env.development:开发环境下的配置文件 .env.production:生产环境下的配置文件2.命名规则 属性必须以VUE_APP_开头。#开发环境下的配置文件VUE_APP_ENV=dev原创 2021-03-01 14:26:42 · 24718 阅读 · 3 评论 -
vue.config.js
//打包配置 //需要下载的模块 //terser-webpack-plugin@3.0.5 -D //compression-webpack-plugin@5.0.1 -D //webpack-bundle-analyzer -D //gzip压缩插件 const CompressionPlugin = require("compression-webpack-plugin"); // 代码打包之后取出console.log压缩代码 .原创 2021-03-01 14:02:49 · 176 阅读 · 0 评论 -
.browserslistrc、.eslintrc.js、babel.config.js、packsge-lock.json、package.json
本文以自己项目所用到的配置来解释文章目录.browserslistrc文件.browserslistrc文件 文件作用:设置浏览器的兼容。> 1%last 2 versionsnot dead> 1%:代表该项目兼容全球超过1%使用的浏览器。last 2 versions:表示左右浏览器兼容到最后两个版本。not dead:not是逻辑操作符,即对dead取反  原创 2021-03-01 13:58:39 · 661 阅读 · 0 评论 -
element-ui使用
文章目录安装并使用下载注册使用(例子)安装并使用下载npm install element-ui注册// src/main.js 完整组件列表和引入方式import { Pagination,Dialog,Autocomplete,Dropdown,DropdownMenu, DropdownItem, Menu,Submenu,MenuItem,MenuItemGroup,Input,InputNumber,Radio,RadioGroup,RadioButton,Checkbox,Ch原创 2021-02-24 17:50:21 · 135 阅读 · 0 评论 -
<keep-alive>
什么是keep-alive keep-alive 组件是vue的一个内置组件。 作用是当路由或者组件切换时,他会缓存住包裹在其中的组件或者页面的状态,而不是销毁掉,这样下次重新进入被包裹的路由页面时不会重新渲染dom而是从缓存中读取。<template> <div class="layout"转载 2021-02-20 15:23:51 · 121 阅读 · 0 评论 -
vue路由<router-view><router-link>
https://www.cnblogs.com/bydzhangxiaowei/p/9055484.html文章目录什么是路由路由中三个基础的概念路由实现案例什么是路由 路由,其实就是指向的意思。 当我点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的about 按钮,页面中就要显示abou转载 2021-02-20 14:30:00 · 2823 阅读 · 0 评论 -
vue实时获取路由地址
文章目录方式一:window.location方式二:vue-router1.this.$router的内容:(1)this.$router.fullPath:(2)this.$router.hash(3)this.$router.测试网址:http://www.myurl.com:8866/test?id=123&username=xxx方式一:window.location1.window.location.href(当前URL)  原创 2021-02-20 11:22:58 · 3299 阅读 · 0 评论 -
Vue中获取url中的查询字符串(参数)
方式一设置参数:this.$router.push({path:"/about",query:{scroll:“490”})获取:this.$router.query.scroll方式二第一步:分割url的函数–建议位置:/src/utils/global.jsexport function getUrlKey(){ let obj = {}; if(!window){ return; } let str = window.location.hash || ''; if(str &原创 2021-02-18 23:19:03 · 1772 阅读 · 0 评论 -
Vue中使用animate
1.安装 npm install animate.css2.main.js中引用 import animated from ‘animate.css’ Vue.use(animated);3.在页面中(1)animat原创 2021-02-02 18:31:57 · 1663 阅读 · 0 评论 -
Eslint 规则说明
“no-alert”: 0,//禁止使用alert confirm prompt“no-array-constructor”: 2,//禁止使用数组构造器“no-bitwise”: 0,//禁止使用按位运算符“no-caller”: 1,//禁止使用arguments.caller或arguments.callee“no-catch-shadow”: 2,//禁止catch子句参数与外部作用域变量同名“no-class-assign”: 2,//禁止给类赋值“no-cond-assign”: 2转载 2021-02-01 09:39:36 · 235 阅读 · 0 评论