1.何时使用 v-if
有时候使用 v-if，往往使用 v-show 来代替，会有更高的性能。
梁鹏翱<div v-show='a'>div>当 v-if 被打开或关闭时，它将创建并完全销毁该元素。相反，v-show 将创建该元素并将其留在那里，通过设置其样式为 display: none 来隐藏它，如果你要切换的组件的渲染成本很高，那么这样做会更有效率，特别是对于结构复杂的组件或页面来说，更推荐使用 v-show。
反过来说，如果不需要立即执行昂贵的组件，可以使用 v-if，这样它就会跳过渲染它，而使页面的加载速度更快一些。
2.从组件外部调用一个方法
我们可以从一个组件的外部通过给它一个 ref 用来调用一个方法
<template>
<Child ref="child" />
template>
// 在该组件调用子组件的方法
this.$refs.child.method();3.template 标签的另一个用途
template 标签可以在模板中的任何地方使用，以更好地组织代码。有时它来简化 v-if 逻辑，有时也用 v-for。
0
联系我
0条评论