- 博客(11)
- 收藏
- 关注
RSS订阅原创 vue2.x源码解析（二）
vue最重要的核心之一就是组件化。就是把页面拆分成多个组件 (component)，每个组件依赖的 CSS、JavaScript、模板、图片等资源放在一起开发和维护。组件是资源独立的，组件在系统内部可复用，组件和组件之间可以嵌套。：一、定义组件(创建组件)二、注册组件三、使用组件(写组件标签)
2022-09-05 14:22:03
507
2
原创 Vue原生下拉组件封装+虚拟滚动功能
介绍快放假了没事写个demo，仅供参考，里面性能方面还有待优化。大致就是这样的功能和思路。这里用的是jsx写的一个简单下拉框组件，有需要可以直接拷到项目去。主要处理上万条数据加载的下拉框浏览器卡死的问题。思路这里直接上代码吧。主要还是在页面正常引入。第一步：<template> <div id="app"> <span @click="add"> 下拉框的值是这个:{{value}}</span> <br /> &l
2022-01-26 17:01:30
2877
原创 vue 项目中关于iframe页面缓存问题
1.简介 关于ifarem标签一般用于项目内外嵌页面。比如vue中经常会遇到外嵌页面的问题，但是有需求这样的 要求外嵌页面的内容保持缓存 项目中一不小心点他其它页面 再次切换回来 防止页面外嵌页面再次刷新。2关于使用keep-alive缓存不了iframe界面原因很多人第一想法就是会使用 keep-alive 去实现组件缓存，但是对iframe标签是行不通的，keepalive作为缓存组件这里不过多介绍，大多用于项目中 标签的嵌套 实现出口视图页面的缓存。项目中可以发现keepalive包裹
2021-05-20 16:00:06
4904
3
原创 Vue3源码流程图化解释
vue3做了最大的变化就是api的细分，适配typescript。給我一种感觉就是，vue3像乐高，一个个拼接起来成模块，模块之间的互相组合，来构成一个整体，这样更利于团队开发了，可以根据团队情况来定制合适的开发架构。composition-api的出现，如果想真正利用好，弄懂vue3源码是必须的。 vue3中重要的包：Reactivity、runtime-x和 compile-x。（最后更新时间：2020年11月26日00点44分）（不懂的，想来学习的，或者是想交流的欢迎进群讨论。目前gitbook还
2020-12-10 10:41:07
1084
原创 VUE3.0 简单父子通信demo
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <div id="app">
2020-11-13 14:18:56
401
1
原创 vue 项目中使用字符转条形码 亲测有效
1.先安装包npm install jsbarcode --save2.在template里面先存放容器 PS:使用div标签可能会报错，目前只有用svg标签可以正常。3.import JsBarcode from 'jsbarcode' 在js里面导入包4.在methods里面写下方法 方便调用（方法里面许多配置可以上网搜 主要配置条形码大小颜色等样式问题）这里是引用 barcode () {var JsBarcode = require(‘jsbarcode’)
2020-08-21 15:27:46
823
原创 vue的watch监听项目
vue中的watch监听vue中的watch和computed 看上去很相似，实际上有很大区别；computed： 是计算属性，依赖其它属性值，并且 computed 的值有缓存，只有它依赖的属性值发生改变，下一次获取 computed 的值时才会重新计算 computed 的值；watch： 更多的是「观察」的作用，类似于某些数据的监听回调 ，每当监听的数据变化时都会执行回调进行后续操作；运用场景：当我们需要进行数值计算，并且依赖于其它数据时，应该使用 computed，因为可以利用 com
2020-06-05 15:41:00
357
原创 vue 中事件改变数组属性值，视图没有更新问题
vue 中事件改变数组属性值，视图没有更新问题原因由于 JavaScript 的限制，Vue 不能检测数组和对象的变化。尽管如此我们还是有一些办法来回避这些限制并保证它们的响应性。当你利用索引直接设置一个项时，例如： vm.items[indexOfItem] = newValue当你修改数组的长度时，例如： vm.items.length = newLength这些情况的修改数组 视图是不会发生更新的。<template> <div> <br/&
2020-06-05 14:28:40
1644
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人