她不变的微笑仿佛在嘲弄那些信以为真的主顾，他们真的把只在想象中的一切当作了实在，因为这里可触可感的物品也同属虚假：家具坐上去便散架，唱机的空膛里藏了一只抱窝的母鸡，花园里全是纸花

先简单介绍下自定义指令 Vue的自定义指令通过Vue.directive方法来创建。 bind：指令第一次绑定到元素时调用。在这里可以执行一次性的初始化设置。 inserted：被绑定元素插入父元素时

我们每天写的vue代码都是写在vue文件中，但是浏览器却只认识html、css、js等文件类型。本文通过debug的方式带你一步一步的搞清楚vue文件是如何编译为js文件的，看不懂你来打我。

Provide/Inject的作用 在组件通信的场景中，必然会遇到跨层级组件间传值的问题，尤其是爷——孙组件，甚至是更深层级的组件。比如下图中，App.vue 文件将属性 name 一层层地往下传给组

Vue，加实习写了两年半~，期间只是简单学过 React，新东家用 React + Typescript。针对两者，以个人的理解，简单对比一下。

背景：经常在UI框架进行样式穿透的时候，会发生不生效的情况，既会是因为选择器优先级问题，这种比较好理解，提升优先级就好，但在vue中有时候需要将scoped去掉才能生效，有时候又不能去掉scoped，

vue3常用API指南，方便自己查阅。defineProps() 和 defineEmits()，内置函数，无需import导入，直接使用。

这篇文章主要参考了 Vue.js 核心成员 Guillaume Chau 在 19 年美国的 Vue conf 分享的主题：9 Performance secrets revealed，分享中提到了九个 Vue.js 性能优化的技巧。 我看完他的分享 PPT后，也阅读了相关的项…

项目当中如果做新增/修改/删除等等操作通常情况下都需要刷新数据或者刷新当前页面.如果页面简单,调用接口刷新数据即可.如果页面复杂,需要调用多个接口或者通知多个子组件做刷新,可以采用刷新当前页面的方式