因为 v-if 和v-for是一个指令,所以必须将它添加到一个元素上。但是如果想切换多个元素呢?此时可以把一个 <template> 元素当做不可见的包裹元素,并在上面使用 v-if。最终的渲染结果将不包含 <template> 元素。 1.条件语句 vue条件语句类似于JS语法的if-else语
vue
原创 2021-07-15 10:34:25
379阅读
一. 过滤器  过滤器,就是vue允许开发者自定义的文本格式化函数,可以使用在两个地方:输出内容和操作数据中。  定义过滤器的方式有两种:  1. 使用Vue.filter()进行全局定义  示例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <
转载 2024-07-26 13:34:44
63阅读
Vue 条件渲染
原创 2022-06-06 12:32:25
111阅读
随机生成一个数字,判断是否大于0.55,然后输出对应信息:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>v-else</title> <script src="js/vue.min.js"></script> </hea
原创 2021-01-10 22:16:08
170阅读
随机生成一个数字,判断是否大于0.55,然后输出对应信息:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>v-else</title> <script src="js/vue.min.js"&
原创 2022-03-09 11:06:13
102阅读
一、v-show 写法:v-show="表达式" 适用于切换频率较高的场景 特点:不展示的DOM元素未被移除,仅仅是隐藏 <!DOCTYPE html> <html lang
原创 9月前
25阅读
 VUE学习 ——05.17vue.js回顾前端的一些概念逻辑,判断,循环事件,浏览器事件,DOM事件(操作节点,视图,html,css,(参考bootstrap可视化布局系统,可以自动生成然后查看代码,laiUI只对个人免费)通信:ajax VUE,国人开发,渐进式JS框架,只关注视图层(html,css,js)网络通信:axios页面跳转:vue-routervue-UI:
vue进行前端开发中,条件判断主要用于根据不同的条件来决定显示或隐藏,或者进行视图之间的切换,本文以一个简单的小例子简述v-if的常见用法,仅供学习分享使用,如有不足之处,还请指正。 v-if 指令 v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲
转载 2020-10-16 13:26:00
1499阅读
2评论
Vue条件渲染
条件渲染 v-if 在字符串模板中,如 Handlebars,我们得像这样写一个条件块: 在 Vue.js,我们使用 v-if 指令实现同样的功能: 也可以用 v-else 添加一个 “else” 块: template v-if 因为 v-if 是一个指令,需要将它添加到一个元素上。但是如果我们想
转载 2016-04-23 16:31:00
163阅读
2评论
随机生成一个数字,判断是否大于0.55,然后输出对应信息:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>v-else</title>
原创 2021-07-26 14:02:28
113阅读
是一套用于构建用户界面的前端框架。能够知道vue的基本使用步骤导入vue.js文件new Vue()构造函数,得到vm实例对象声明el和data数据节点MVVM的对应关系掌握vue中常见指令的基本用法赋值表达式,v-bind,v-on,v-if和v-elsev-for和:key,v-model
原创 2022-12-17 11:05:33
119阅读
文章目录一、条件语句  v-if、v-else、v-else-if 指令二、循环语句  循环使用 v-for 指令三、计算属性一、条件语句  v-if、v-else、v-else-if 指令   条件判断使用 v-if 指令,用 v-else 指令给 v-if 添加一个 “else” 块,用 v-else 指令给 v-if 添加一个 “else” 块.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
原创 2021-11-11 15:34:29
177阅读
一、vue实例属性 vue实例的属性整理如下: 序号 vue实例名称 类型 详细 是否只读 备注 1 vm.$data Object Vue 实例观察的数据对象。Vue 实例代理了对其 data 对象 property 的访问。 2 vm.$props Object 当前组件接收到的 props 对 ...
转载 2021-08-26 17:04:00
740阅读
5点赞
3评论
Vue ref属性、props属性、mixin属性
原创 2022-06-06 12:47:12
301阅读
计算属性 在模板中表达式非常便利,但是它们实际上只用于简单的操作。模板是为了描述视图的结构。在模板中放入太多的逻辑会让模板过重且难以维护。这就是为什么 Vue.js 将绑定表达式限制为一个表达式。如果需要多于一个表达式的逻辑,应当使用计算属性。 基础例子 这里我们声明了一个计算属性 b。我们提供的函
转载 2016-04-23 16:17:00
153阅读
2评论
(目录) 前言 props用于接收来自父组件的数据 具体应用 基本使用 App.vue <template> <Test :url="url"/> </template> <script> import Test from './components/test.vue' export default
原创 2021-09-17 10:59:57
419阅读
Vue】—props属性<template> <div> <h2>Parent</h2> <!-- 父子传递数据 --> <
原创 2022-07-01 12:24:31
165阅读
计算属性一般就是用来通过其他的数据算出一个新数据,而且它有一个好处就是, 它把新
原创 2023-06-24 09:12:19
159阅读
1、示例代码<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8" /> <title>vue示例</title> </head> <body> <div id="app"
转载 2017-12-15 11:29:00
116阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5