15年软件开发经验 只做源码定制 互联网+定制化解决方案

15年软件开发经验,只做源码定制!

原创设计 定制开发

满足您的个性化需求

当前位置:首页 前端开发 vue/vuex

3个自己总结的vue小技巧

梁鹏翱| 发布于 2021-12-31 09:24:24| 524阅读| 0点赞| 0评论
举报

3个自己总结的vue小技巧

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条评论

别默默看啦~登录/注册一起参与讨论吧~

热门标签

梁鹏翱
微信扫一扫立即咨询
账号登录|扫码登录

立即注册 |忘记密码?

欢迎注册

已有账号马上登录

重置密码

扫码绑定微信
微信扫一扫

绑定手机号

分享到-微信

举报

  • 举报类型:

  • 举报描述:

您好,当前积分不足。

在线客服
拨打电话
17330196230 13230981129
顶部