美文网首页
vue基本指令

vue基本指令

作者: 前端切图仔 | 来源:发表于2019-10-10 11:32 被阅读0次

v-cloak:解决网站加载时的闪烁

v-once

v-if    v-else-if    v-else约等于if elseif   else

<p v-if="sun===1">当sun为1显示出来</p>

<p v-else-if="sun===2">当sun为2显示</p>

<p v-else>否则显示这个</p>

大概为以下意思

if(sun===1){

当sun为1显示出来

}else if(sun===2){

当sun为2显示

}else{

否则显示这个

}

-如果一次要判断多个元素则要用到template

<div id="app1">

<template v-if="sn===1">

<p>显示</p>

<p>显示</p>

<p>显示</p>

<p>显示</p>

</template>

<template v-else>

<p>是是是</p>

<p>是是是</p>

<p>是是是</p>

</template>

</div>

相关文章

  • Vue与webpack基本使用介绍

    MVVM Vue的指令 基本概念: Vue中指令都是以v-xx开头,指令的作用,最终都是拿着数据,渲染我们指令标签...

  • Vue基本指令

    Vue的基本指令功能和使用方式汇总 Vue的基本结构 通过元素创建Vue对象 el:Vue对象指定的元素范围 da...

  • Vue基本指令

    v-cloak v-cloak 不需要表达式,他会在 Vue 实例结束编译时从绑定的 HTML 元素上移除,经常...

  • Vue基本指令

    带特殊前缀的HTML 特性,可以让 Vue.js 对一个 DOM 元素做各种处理。比如: ;这里的 div 元素...

  • vue基本指令

    v-cloak:解决网站加载时的闪烁 v-once v-if v-else-if v-else约等于if el...

  • 01Vue基本使用与模板语法

    Vue基本使用与模板语法 一. 基本使用 Hello World快速入门 二. 模板语法 指令 概述 指令的本质就...

  • Vue实现前后端分离项目的初体验

    Vue实现前后端分离项目的初体验 经过之前学习的Vue的知识: vue基本指令 vue组件 vue-resourc...

  • vue2(二)

    目录 ◆ vue 简介◆ vue 的基本使用◆ vue 的调试工具◆ vue 的指令与过滤器◆ 品牌列表案例 一 ...

  • vue 3.0

    基本指令 vue -V 查看版本 vue -h 查看常用命令 生成项目 npm install -g @vue/c...

  • 六、Vue基本指令

    1、v-cloak v-cloak 不需要表达式,它会在Vue 实例结束编译时从绑定的HTML 元素上移除, 经常...

网友评论

      本文标题:vue基本指令

      本文链接:https://www.haomeiwen.com/subject/ywyopctx.html