01 2022 档案

vue3---ref,reactive,toRef,toRefs
摘要：在vue2中，数据的响应式是根据 Object.defineProperty方法实现的，所以需要拦截的属性key必须是已知的，也就是对于新增的key无能为力。 在vue3中，使用了代理Proxy。该方法不需要关心key，他拦截的是data，不管是新增还是已知的key，都会被捕捉到。 vue3和vue 阅读全文
posted @ 2022-01-25 11:12 阿兰儿 阅读(333) 评论(0) 推荐(0)
Node使用path和fs进行目录替换
摘要：需求：有时候源码文件夹内的某个文件有问题 需要替换才能运行程序，这个时候如何做到每个新人来了拿到项目，在没有任何操作下，运行项目呢？ 答：将替换文件的操作放到项目运行或者打包时。 在node模板内根据path和 fs模块来获取文件位置，并替换文件夹目录 首先判断是文件夹，将要替换的文件外部写一个js 阅读全文
posted @ 2022-01-24 16:06 阿兰儿 阅读(361) 评论(0) 推荐(0)
react - FAQ
摘要：创建react项目 npx create-react-app my-app cd my-app npm start setState是异步的。 想要实现同步执行的效果，需要对其传参数为函数。 state和props的区别： 首先两者都是js对象，都是用来保存信息的，这些信息可以控制组件的渲染和输出， 阅读全文
posted @ 2022-01-17 10:38 阿兰儿 阅读(55) 评论(0) 推荐(0)
react-函数组件的条件渲染和列表渲染
摘要：如何在函数组件中实现条件渲染呢？ 列表渲染 list提前使用list, setList 和useState，hooks进行设置初始值。在return函数中编写列表渲染 <ul> {list.map(item => <li key={item}>{item}</li> )} </ul> 条件渲染 : 阅读全文
posted @ 2022-01-11 20:15 阿兰儿 阅读(1073) 评论(0) 推荐(0)
动态设置背景图片和图片地址
摘要：1.import方式 设置背景图 示例： import test from '@/assets/test.png';//页面内 <div class="wrap" :style="{backgroundImage: `url(${test})`}"></div> 2.require方式 设置图片路径 阅读全文
posted @ 2022-01-11 15:14 阿兰儿 阅读(387) 评论(0) 推荐(0)
vuex实现数据持久化
摘要：vuex-状态管理工具 对于vuex来说，它只是一个状态管理工具，当有些变量不止在组件间用时，可能很多页面都会复用。我们使用vuex进行管理。 state:设置初始值状态。 getters：store仓库的计算属性，主要作用是派生出一些新的状态。比如将state状态的数据进行一次映射或者筛选。 mu 阅读全文
posted @ 2022-01-05 16:30 阿兰儿 阅读(1263) 评论(0) 推荐(0)
computed和watch,getters的计算变化
摘要：计算属性：自动监听依赖值的变化，从而动态返回内容。 特点： 依赖固定的数据类型 对计算属性中得数据进行监听 数据可以进行逻辑处理，减少模板中计算逻辑 计算属性由两部分组成：set,get 用来设置和获取计算属性，默认只有get 侦听属性：观察和响应Vue实例上的数据变动， watch可以执行任何逻辑 阅读全文
posted @ 2022-01-05 15:46 阿兰儿 阅读(326) 评论(0) 推荐(0)
vuex不需要一个个引入模块文件
摘要：import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); // https://webpack.js.org/guides/dependency-management/#requirecontext const modulesFil 阅读全文
posted @ 2022-01-04 16:54 阿兰儿 阅读(120) 评论(0) 推荐(0)