随笔分类 - vue
关于vue的一切
摘要：目录： Vue3.0的设计目标是什么？做了哪些优化? Vue3.0 性能提升主要是通过哪几方面体现的？ Vue3.0里为什么要用 Proxy API 替代 defineProperty API ？ Vue3.0 所采用的 Composition Api 与 Vue2.x 使用的 Options Ap
阅读全文
摘要：目录 vue init webpack 项目名 vue create 项目名 npm init vue@latest npm create vite@latest vue ui 前提环境： 环境：安装node.js vue环境 使用 webpack 搭建 Vue 项目时，需要安装 vue-cli 和
阅读全文
摘要：问题： 在uniapp-vue3的项目中，使用reactive定义了一个数组，之后使用foreach对item的某个属性进行重新赋值，但经过console数据显示已经赋上值了，但是视图一直不更新，包括尝试nextTick(()=>{})和internalInstance.ctx.$forceUpda
阅读全文
摘要：简介 Pinia 是 Vue 的专属状态管理库，它允许你跨组件或页面共享状态。 主要优点 Vue2和Vue3都支持，这让我们同时使用Vue2和Vue3的小伙伴都能很快上手。 pinia中只有state、getter、action，抛弃了Vuex中的Mutation，Vuex中mutation一直都不
阅读全文
摘要：项目脚手架：Vite 官网：https://cn.vitejs.dev/ 创建项目命令：npm create vue@latest 代码格式化插件：Vue - Official 路由：vue router 官网地址：https://router.vuejs.org/zh/introduction.h
阅读全文
摘要：脚手架：创建项目，选择性安装需要的插件，指定统一的风格，生成demo。 构建项目：建立项目的运行环境，需要手动安装插件。 vue-cli 【官网：https://cli.vuejs.org/zh/index.html】 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli vue-c
阅读全文
摘要：1.创建一个vue3项目 1.创建vue cli npm install -g @vue/cli 2.创建项目 npm create <项目名称> 开始敲代码啦！！！ 1.引用组件 只需要import就可以了，因为使用了setup之后引用了就会被自动成为子组件了。 2.声明数据 ref 用于声明基本
阅读全文
摘要：1、安装node-sass、sass-loader 简化内容，具体版本等注意事项在下面。（node官网：GitHub - sass/node-sass: :rainbow: Node.js bindings to libsass） //默认安装最新版本 npm install node-sass -
阅读全文
摘要：van-uploader + 图片压缩 + 图片base64转成file compressImage.js const ACCEPT = ['image/jpg', 'image/png', 'image/jpeg'] const MAXSIZE = 1024 * 1024 * 2; const M
阅读全文
摘要：问题：公司开发一个商城，总是遇到回退到上页面时会有很多逻辑处理，由于每个页面都要写回退的方法，所以总会漏掉一些判断，导致出现很多类似的bug。 解决方法： 方案一：使用vue-router的history堆栈，待学习。。。 方案二：想到了可能自己封装一下，来维护路由页面跳转应该会更方便一些。 所以开
阅读全文
摘要：<el-dialog title="formTitle" :lock-scroll="false" //主要是这个属性 :append-to-body="true" //跟这个属性 ></el-dialog>
阅读全文
摘要：前端框架中，utils.js文件是用来存放自己封装工具类函数的，是一个共享的方法。（这个方法可以放在utils.js里，作为公共方法使用） 涛哥： let access_token = this.getQueryString("access_token"); getQueryString (name
阅读全文
摘要：官方： ref的三种用法： ref加在普通的元素上，用this.$ref.name获取到的是dom元素 ref加在子组件上，用this.$ref.name获取到的是组件实例，可以使用组件的所有方法 利用v-for和ref获取一组数组或者dom节点 注意：ref是dom渲染之后才会有的，所以在使用的时
阅读全文
摘要：<div class="bottom" v-show="hideshow"> <div class="btn"> </div> </div> data() { return { docmHeight: document.documentElement.clientHeight ||document.
阅读全文
摘要：1、输入框中只能输入中文 rules: { title: [ { required: true, message: "请输入中文的标题", trigger: "blur" }, { validator: function(rule, value, callback) { //校验中文的正则：/^[\
阅读全文
摘要：一、隐藏源码 vue.config.js中将配置 productionSourceMap 改成 false module.exports = { publicPath: './', productionSourceMap: false, ... } 二、隐藏控制台日志 vue.config.js 中
阅读全文
摘要：以下代码是在vue中开发的 变量： longClick: 0, // 长按标志 timeOutEvent: 0, // 计时器 方法： start () { console.log('++++++++++start++++++++++++') var that = this; this.longCl
阅读全文
摘要：前言 html2canvas库能帮我们做到，无需后台支持，纯浏览器实现截图，即使页面有滚动条也是没问题的，截出来的图非常清晰。 这个库的维护时间非常长，早在2013年9月8日它就发布了第一个版本，比Vue的第一个版本（2013年12月8日）还要早。 官方文档 github -> https://gi
阅读全文
摘要：// 复制模板内容 copyhandler () { this.copyToClipboard(this.copyurl); // 需要复制的文本内容 }, // 点击复制到剪贴板函数 copyToClipboard (content) { if (window.clipboardData) { w
阅读全文
摘要：解决方法： 1、定义一个变量： 2、在beforeCreate生命周期将this赋值给that，通过that获得 var vm = new Vue({ el: '#app', data: { }, beforeCreate: function () { that = this }, methods:
阅读全文
