摘要: 前言 在写vue3编译原理揭秘电子书的时候,发现有不少粉丝还傻傻分不清楚什么是编译时?什么是运行时?这篇文章我们来让你彻底搞清楚编译时和运行时的区别。 关注公众号:【前端欧阳】,给自己一个进阶vue的机会 编译时 我将编译这个词语理解为翻译,这句话是什么意思呢? 比如你要和一个老外沟通,你的英文超级 阅读全文
posted @ 2024-07-22 09:02 前端欧阳 阅读(449) 评论(0) 推荐(2) 编辑
摘要: 相信不少同学都有欧阳这种情况,年初的时候给自己制定了一份关于学习英语和源码的详细年度计划。但是到了实际执行的时候因为各种情况制定的计划基本都没有完成,年底回顾时发现年初制定的计划基本都没完成。痛定思痛,第二年年初决定再次制定一份学习英语和源码的详细年度计划,毫无疑问又失败了。 阅读全文
posted @ 2024-07-15 08:59 前端欧阳 阅读(1249) 评论(0) 推荐(4) 编辑
摘要: 相信你最近应该看到了不少介绍Vue Vine的文章,这篇文章我们另辟蹊径来讲讲Vue Vine是如何实现在一个文件里面写多个vue组件。 阅读全文
posted @ 2024-07-10 09:36 前端欧阳 阅读(588) 评论(0) 推荐(3) 编辑
摘要: 这篇文章我们来讲讲vue是如何实现在style中使用script模块中的响应式变量 阅读全文
posted @ 2024-07-08 09:35 前端欧阳 阅读(254) 评论(0) 推荐(2) 编辑
摘要: 上篇文章中我们讲了使用scoped后,vue是如何给CSS选择器添加对应的属性选择器[data-v-x]。这篇文章我们来接着讲vue是如何给html增加自定义属性data-v-x 阅读全文
posted @ 2024-07-04 10:01 前端欧阳 阅读(313) 评论(2) 推荐(3) 编辑
摘要: 这篇我们来讲讲使用了scoped后,vue是如何给CSS选择器添加对应的属性选择器[data-v-x] 阅读全文
posted @ 2024-06-27 09:28 前端欧阳 阅读(419) 评论(4) 推荐(1) 编辑
摘要: 前言 v-bind指令想必大家都不陌生,并且都知道他支持各种写法,比如<div v-bind:title="title">、<div :title="title">、<div :title>(vue3.4中引入的新的写法)。这三种写法的作用都是一样的,将title变量绑定到div标签的title属性 阅读全文
posted @ 2024-06-24 09:47 前端欧阳 阅读(392) 评论(2) 推荐(1) 编辑
摘要: 在setup语法糖中直接将组件import导入无需注册就可以使用,你知道这是为什么呢? 阅读全文
posted @ 2024-06-20 08:54 前端欧阳 阅读(407) 评论(0) 推荐(5) 编辑
摘要: 你知道为什么setup语法糖中的顶层绑定可以在template中直接使用的呢?setup语法糖是如何编译成setup函数的呢? 阅读全文
posted @ 2024-06-14 08:43 前端欧阳 阅读(282) 评论(0) 推荐(4) 编辑
摘要: 前言 众所周知,vue3的template中使用ref变量无需使用.value。还可以在事件处理器中进行赋值操作时,无需使用.value就可以直接修改ref变量的值,比如:<button @click="msg = 'Hello Vue3'">change msg</button>。你猜vue是在编 阅读全文
posted @ 2024-06-07 10:15 前端欧阳 阅读(393) 评论(0) 推荐(1) 编辑