
vue
qlj224
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
pinia开启持久化缓存
pinia开启持久化缓存原创 2022-11-28 16:26:25 · 680 阅读 · 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 · 3265 阅读 · 0 评论 -
Vuex原理学习笔记
1、Vuex.js let 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 · 111 阅读 · 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 · 196 阅读 · 0 评论 -
webpack4搭建vue环境
1、config/webpack.base.config.js const 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 · 248 阅读 · 0 评论 -
vue的sync修饰符
在有些情况下,我们可能需要对一个prop进行“双向绑定”。不幸的是,真正的双向绑定会带来维护上的问题,因为子组件可以修改父组件,且在父组件和子组件都没有明显的改动来源。 在正常情况下,我们可能首先会想到子组件emit一个事件,让父组件来修改对应的值,但是这样代码过去冗余。在vue 2.3.0后新增了.sync修饰符,可以完美实现“双向绑定” 效果 具体实现 父组件:使用.sync修饰符向子组件中...原创 2020-04-23 10:49:56 · 146 阅读 · 0 评论 -
vue实现购物车商品单选、全选及商品数量和总价计算
vue实现购物车商品单选、全选及商品数量和总价计算 最近在做一个vue的电商项目, 好久不做购物车功能, 已经忘得差不多了, 所以写了个小demo回顾一下, 代码写的很糙, 只是简单的实现了功能, 欢迎各位指正 <!DOCTYPE html> <html lang="en&原创 2018-12-10 00:37:15 · 7054 阅读 · 0 评论