![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue3
文章平均质量分 84
前端鼓励师
一名有着四年多前端开发经验的前端开发工程师,要是觉得我不错可以关注我一下,我们一起共同进步 啦啦啦
展开
-
http-server的安装、前端使用http-server启本地服务
是一个简单的零配置的命令行http服务器,它足够强大便于生产和使用,用于本地测试和开发。有时候我们打开一个文档使用file协议打开的时候,不能发送ajax请求,只能使用http协议才能请求资源,具体的区别大家可以去参考[这篇文档] (),所以此时我们需要在本地建立一个http服务,通过IP加端口号,来访问资源。我一般的做法就是通过vscode的插件或者通过webstorm来打开,现在可以通过来便捷的创建一个本地服务。原创 2023-09-18 10:09:47 · 2829 阅读 · 1 评论 -
如何优化Vue template 中的大量条件选择v-if
的使用,在工厂组件中注册所有的component组件,根据传入的 condition 知道具体生产哪个component,并使用 :is 进行页面渲染。在实际项目中,通常会遇到存在大量的业务条件选择的场景,这种情况下如果使用大量的"v-if"和"v-else"指令,会造成。都需要遍历并计算这些条件,尤其是在条件选择复杂且计算开销较大时,会导致初始渲染的耗时增加,从而延长页面的加载时间。时,由于每个条件判断都是独立的,修改其中一个条件可能需要修改多个地方,增加了出错的可能性,并使维护变得复杂。原创 2023-09-18 09:48:29 · 921 阅读 · 0 评论 -
Vue3为什么推荐使用ref而不是reactive
reactive本身具有很大局限性导致使用过程需要额外注意,如果忽视这些问题将对开发造成不小的麻烦;ref更像是vue2时代option api的data的替代,可以存放任何数据类型,而reactive声明的数据类型只能是对象;先抛出结论,再详细说原因:非必要不用reactive!(官方文档也有对应的推荐)官方原文:建议使用ref()作为声明响应式状态的主要 API。原创 2023-09-18 09:32:34 · 745 阅读 · 0 评论 -
做项目必读的vue3基础知识
全局自定义指令在main.js中定义局部自定义指令在当前组件中定义// main.jsel.focus()})原创 2023-09-14 16:38:25 · 238 阅读 · 0 评论 -
十分钟,带你了解 Vue3 的新写法
好了,对于快速上手 Vue3 来说,以上内容基本已经足够了。如果觉得这篇文章不错,有帮你节省时间的话,还想听我说哪些内容,欢迎评论区里告诉我。这篇文章本身不能做到帮你理解所有 Vue3 的内容,但是能帮你快速掌握 Vue3 的写法。原创 2023-06-13 09:53:23 · 476 阅读 · 1 评论 -
vue3中对ref的理解
ref和reactive一样,也是用来实现响应式数据的方法由于reactive必须传递一个对象,所以在实际开发中如果只是想让某个变量实现响应式的时候回非常麻烦所以Vue3提供了ref方法实现简单值得监听。原创 2022-12-30 11:08:35 · 256 阅读 · 0 评论