09 2021 档案
摘要:1. 强制更新 Vue 允许你强制更新: vm.$forceUpdate() 2. 阻止更新 - 通过v-once 创建低开销的静态组件 有时候你的组件中包含了大量不需要实时更新的静态内容。 这种情况下,你可以在根元素上加上一个v-once 属性,以确保这些内容仅被计算一次之后,被缓存起来。 具体就
阅读全文
摘要:1. 内联模板 即将要说的是一个很有意思的Vue边界应用。 Vue开发者,通常都有着很敏感的组件规则。 我们写的组件全部都是以一个个组件组装到一起的。 当涉及组件之间通信,调用时,会出现各种招数应对各种场景。 如果你要写一个嵌套组件。 你必然会先创建两个单独的组件,然后在其中一个引入注册另一个(当然
阅读全文
摘要:1. 组件的递归 如果期望你有以下实现: 这是一个嵌套了很多层的组件,你会有什么样的思路? 1.1 递归组件 Vue 允许我们递归的调用一个组件,即在一个组件内部不断的嵌套调用自身。 为了实现组件的递归,Vue 要求我们必须指定组件的 name 属性。 此外,必须给渲染加上条件判断,在适当的时刻停止
阅读全文
摘要:antdv 清除指定字段验证: this.$refs['ruleForm'].fields.forEach(filed => { if(filed.prop == "meterInfo"){ filed.clearValidate() } });
阅读全文
摘要:1. 快速认识 一句话,来说,在同一个Vue实例中,$on、$once 用于设定监听器, 不同的是,$once 仅会被触发一次后立即失效。 而$off 则是一个主动的监听器销毁器。 $emit 则用于触发通过$on,$once 设定的监听器,即事件触发器/发射器。 以下是一个简单的例子: <temp
阅读全文
摘要:1. vm.$root 1.1 描述 当前组件树的根 Vue 实例。如果当前实例没有父实例,此实例将会是其自己。 在Vue 中, 什么是一个组件树的根实例? 实际上,通过Vue Devtools 能够很清楚的看到: 具体的,在代码中,Vue 项目的入口文件main.js 中,一般的会有这样的代码段:
阅读全文
摘要:1. 插槽内容 假设我们有这样一个组件: <template> <section class="eassy-container"> <header class="eassy-header"> lorem </header> <main class="eassy-main"> lorem </main
阅读全文

浙公网安备 33010602011771号