- 博客(12)
- 收藏
- 关注
RSS订阅原创 【记录】递归遍历树并修改节点对象的key
前段时间干活因为后端给的树状数据的 key 不是自己想要的，于是就想着怎么能够修改每个节点对象的 key
2023-07-08 16:49:02
326
原创 理解v-enter 与v-leave 周期与范围，vue的过渡动画
官网里还有特别强调说v-enter是在元素插入之前就生效了的，也就是确保了动画能从v-enter的地方开始过渡。且在元素插入的下一帧就移除了，这个是很关键的，说明v-enter只关注与动画的起始那个节点，一旦元素插入进来了，过渡动画开始跑了，就不归v-enter来管了。
2022-09-10 08:46:51
2140
2
原创 【学习笔记】关于css的position定位
之前对于postion属性的使用都是在浏览器上先调一通在写在代码里，没有对position的值有一个很清楚的认识，这回来对position来进行一个盘点position属性是css非常重要的内容，能熟练使用它很重要。还是得多在代码中实践。......
2022-07-14 20:54:55
177
原创 【记录】VUE的ref和reactive理解
ref截图来自官方文档个人目前的理解就是用ref创建了一个叫count的对象，这个对象有且仅有一个.value的property，这个count.value的值就是ref()的括号里面的值reactiveconst obj = reactive({ count: 0 })返回对象的响应式副本（*理解上应该就是对于之前的count对象又创建了个叫obj的副本对象，obj与count是响应式的关系）//第一种创建响应副本const count = ref(1)const o
2022-05-20 12:53:56
417
原创 【记录】配置vue3的路由，及一些之前没注意过的坑
1.安装路由npm install vue-router@42.在main.ts中引入3.在App.vue中放上路由插槽接下来简单模拟下路由的使用1.新建.vue文件、如图所示这里需要注意！！因为vuecli3推荐的命名是多词组命名。但是像我们这里用a来命名就要将组件的name属性添加起来，且不能是常用的单词。所以这里我们把name的值定为aOK。这种情况的报错在下图贴出来b.vue和a.vue的内容类似，就不赘述了。2.控制界面跳转的代码（网上示例
2022-05-18 01:37:11
335
3
原创 【记录】创建一个新的vue3项目
创建项目指令创建一个叫myvue3的项目vue create myvue3这边这里上面两个应该是模板可以直接创建，我们用下面的自定义模板这里我们把TS，Router，Vuex选定起来。*空格是选择与取消回车进入下一步我们这里就可以选择版本了。3.x！！！！！接下来这里有个疑问，这里问的是需不需要 class-style 的组件来支持ts，我看了其他帖子说由于 vue3 重写之后，不用 class 也会写的很舒服，也不需要额外的配置，所以我这里选择 N这里还有
2022-05-16 21:56:23
105
原创 【记录】重新安装vue-cli 脚手架
这段时间从vue2更新学习到vue3，那就从最新的脚手架开始吧！！遇到的第一个问题、npm install -g @vue/cli 之后说是文件已存在，估计是要先把之前的版本先去了。搜到第一个解决帖子（未成功！原因是我电脑的路径在Roaming下没有npm这个文件夹）尝试着查找vue脚手架卸载命令1. vue-cli 1.x和2.x安装：npm install vue-cli -g卸载：npm uninstall vue-cli -g2.vue-cli3.以后安装
2022-05-16 20:26:28
1916
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人