vue
关注
分享
扫一扫
qlj224
这个作者很懒，什么都没留下…
展开
-
pinia开启持久化缓存
pinia开启持久化缓存原创 2022-11-28 16:26:25 · 601 阅读 · 0 评论 -
前端输入框自动换行实现
利用textarea的scrollHeight属性动态改变textarea的高度实现自动换行1、自定义指令import Vue from 'vue';Vue.directive('autoTextarea', { inserted: (el, binding) => { console.log(el); const change = () => { const value = el.value; // 内容长度不变不做处理 if (原创 2021-04-26 00:09:59 · 3039 阅读 · 0 评论 -
Vuex原理学习笔记
1、Vuex.jslet Vue;const forEach = (obj, callbackk) => { Object.keys(obj).forEach((key) => { callbackk(key, obj[key]); })}class Store { constructor(options) { this.options = options; // 利用vue的数据绑定实现响应式更新store.state this.vm = n原创 2021-04-13 22:55:48 · 91 阅读 · 0 评论 -
vue响应式原理学习笔记
class Vue { constructor(options) { this.$el = options.el; this.$data = options.data; this.$methods = options.methods; this.$options = options; // 1、实现一个observer // 2、实现一个compiler new Compiler(this.$el, this); }}// 指令处理c.原创 2021-03-31 22:55:20 · 171 阅读 · 0 评论 -
webpack4搭建vue环境
1、config/webpack.base.config.jsconst HtmlWebpackPlugin = require('html-webpack-plugin');const { VueLoaderPlugin } = require('vue-loader');const MiniCssExtractPlugin = require('mini-css-extract-plugin');const NODE_ENV = process.env.NODE_ENV;console.log原创 2021-03-29 00:33:48 · 222 阅读 · 0 评论 -
vue的sync修饰符
在有些情况下，我们可能需要对一个prop进行“双向绑定”。不幸的是，真正的双向绑定会带来维护上的问题，因为子组件可以修改父组件，且在父组件和子组件都没有明显的改动来源。在正常情况下，我们可能首先会想到子组件emit一个事件，让父组件来修改对应的值，但是这样代码过去冗余。在vue 2.3.0后新增了.sync修饰符，可以完美实现“双向绑定”效果具体实现父组件：使用.sync修饰符向子组件中...原创 2020-04-23 10:49:56 · 127 阅读 · 0 评论 -
vue实现购物车商品单选、全选及商品数量和总价计算
vue实现购物车商品单选、全选及商品数量和总价计算最近在做一个vue的电商项目, 好久不做购物车功能, 已经忘得差不多了, 所以写了个小demo回顾一下, 代码写的很糙, 只是简单的实现了功能, 欢迎各位指正<!DOCTYPE html><html lang="en&原创 2018-12-10 00:37:15 · 6973 阅读 · 0 评论