随笔分类 -  Vue

Vue的学习日常
Vue 清除控制台输出【console】
摘要：1. npm 安装依赖： npm i babel-plugin-transform-remove-console 2. babel.config.js 文件编辑： const prodPlugins = [] if (process.env.NODE_ENV 'production') { // 如 阅读全文
posted @ 2021-02-09 14:32 皮一皮很开心 阅读(528) 评论(0) 推荐(0)
Vue 获取元素宽高
摘要：1.模拟限制宽高 【在要获取宽高的元素 上加 ref 属性】 <div style="width:600px;height:300px" ref="barparent" > </div> 2.获取宽高 console.log('this.$refs.barparent.$el.offsetWidth 阅读全文
posted @ 2020-11-17 16:35 皮一皮很开心 阅读(5956) 评论(0) 推荐(0)
Vue 3.0 学习 [ 持续更新 ]
摘要：简介： 基于 2.x 对象的 API 在 Vue 3 中基本完好无损。但是，3.0 还引入了组合 API - 一组新的 API，旨在解决大规模应用程序中 Vue 使用的痛苦点。组合 API 基于反应性 API 构建，并且能够实现类似于 React 挂钩的逻辑组合和重用，与基于 2.x 对象的 API 阅读全文
posted @ 2020-09-24 10:02 皮一皮很开心 阅读(289) 评论(0) 推荐(0)
Vue ElementUI 纯前端实现下拉过滤
摘要：<template> <div> <el-form-item label="类型"> <el-select v-model="ProjectStatus" clearable style="width:150px" @change="filter"> <el-option v-for="item i 阅读全文
posted @ 2020-06-16 14:33 皮一皮很开心 阅读(1273) 评论(0) 推荐(0)
Vue 获取当前距离屏幕顶部的距离
摘要：<template> <div ref="obtain"></div> <template/> <script> export default { data() { return {} }, mounted() { // 滚动条的获取 window.addEventListener('scroll' 阅读全文
posted @ 2020-06-12 12:45 皮一皮很开心 阅读(12416) 评论(0) 推荐(3)
Vue cli4 反向代理配置
摘要：1. 安装 Vue 脚手架 关于旧版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cl 阅读全文
posted @ 2020-06-11 15:12 皮一皮很开心 阅读(2601) 评论(0) 推荐(0)
Vuex
摘要：Vuex 是什么？ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 阅读全文
posted @ 2020-06-11 11:27 皮一皮很开心 阅读(136) 评论(0) 推荐(0)