循环使用 v-for 指令。v-for 指令需要以site in sites形式的特殊语法, sites 是源数据数组并且 site 是数组元素迭代的别名。v-for 指令:v-for 可以绑定数据到数组来渲染一个列表:一个参数二个参数三个参数:v-for 迭代整数:v-for 指令:...
原创 2022-10-31 15:43:33
145阅读
vue.js循环语句循环使用 v-for 指令。v-for 指令需要以 site in sites 形式的特殊语法, sites 是源数据数组, site 是数组元素迭代的别名。v-for 可以绑定数据到数组来渲染一个列表:vue.js循环语句{{site.name}}模板中使用 v-for:vue.js循环语句{{site.name}}v-for迭代对象v-for可以通过一个对象的属性来迭代数据
原创 2021-05-20 15:27:55
369阅读
循环使用 v-for 指令。v-for 指令需要以 site in sites 形式的特殊语法, sites 是源数据数组并且 site 是数组元素迭代的别名。v-for 可以绑定数据到数组来渲染一个列表:v-for 实例<div id="app"> <ol> <li v-for="site in sites"> {{ site.text
转载 2023-10-08 10:49:16
107阅读
Vue 中,循环语句主要通过 v-for 指令来实现,用于遍历数组或对象,生成对应数量的元素。在元素上使用 v-for 指令,根据源数据的数组或对象进行循环渲染元素。: 使用v-for渲染列表时,必须为每个项提供一个唯一的key属性,以便 Vue 能够识别每个项的唯一性,从而进行高效的 DOM 更新。: 可以嵌套使用多个v-for来渲染多维数组或对象结构。
原创 2024-10-14 09:50:00
18阅读
主要掌握内容如下:1,v-if 用于条件性地渲染一块内容2,在template元素上使用 v-if 条件渲染分组 最终的渲染结果将不包含 template>元素3,v-else 你可以使用 v-else 指令来表示 v-if 的“else 块”4,v-else-if,顾名思义,充当 v-if 的“else-if 块”,可以连续使用:5,用 key 管理可复用的元素6,v-sho...
原创 2021-07-27 17:59:20
313阅读
v-else-if 在 2.1.0 新增,顾名思义,用作 v-if 的 else-if 块。这里, v-if 指令将根据表达式 seen 的值(true 或 false )来决定是否插入 e-if之后。
原创 2024-10-14 09:52:56
9阅读
# Vue.js 输出语句 Vue.js 是一款流行的前端框架,它提供了许多强大的功能来帮助开发人员构建交互性的用户界面。其中一个重要的功能是输出语句,它允许我们在模板中动态地显示数据。 ## 输出语句的基本用法 Vue.js 提供了两种方式来输出数据:插值表达式和指令。 ### 插值表达式 插值表达式是一种简单的方式来将数据绑定到模板中。它使用双大括号“{{}}”将要输出的数据包裹起来
原创 2023-08-29 08:29:13
259阅读
Vue 中,循环语句主要通过 v-for 指令来实现,用于遍历数组或对象,生成对应数量的元素。在元素上使用 v-for 指令,根据源数据的数组或对象进行循环渲染元素。遍历数组:v-for="(item, index) in items"遍历对象:v-for="(value, key, index) in object"key 的作用: 使用 v-for 渲染列表时,必须为每个项提供一个唯一的
原创 3月前
39阅读
1、vue父子组件传值方式1、props 2、v-model 3、.sync 父组件向子组件传的值,子组件可以直接修改父组件的值 4、ref 父组件通过ref直接拿到子组件的属性或方法 5、$emit 父组件给子组件定义事件,子组件中emit触发,参数(事件名,参数) 6、$children&$parent 获取到一个包含所有子组件的对象数组,直接拿到父子组件的属性和方法
import Vue from 'vue' Vue.prototype.$message.error("网络异常");
原创 2023-02-22 10:57:01
61阅读
test.jsimport test2 from "./test2";export default{ test(){ console.log("=====开始执行
ll
原创 2023-02-23 07:55:25
170阅读
v-text 在标签中显示文本数据,数据对象中的数据会被原样输出,例如:<span v-text="message"></span> <!-- 简写方式 --> <span>{{message}}</span>在模板中输出真正的HTML,如果是使用 v-text 输出带标签的字符串的话,仅仅是想页面中输出带标签的HTML,但是不会对HTM
转载 2023-06-29 21:50:48
877阅读
Vue.js中,条件语句是实现动态内容渲染的重要工具。通过条件语句,开发者可以根据不同的数据状态来显示或隐藏特定的DOM元素,从而构建出更加丰富和交互性强的用户界面。本文将深入探讨Vue.js中的条件语句,包括v-if、v-else-if、v-else以及v-show指令的使用方法和最佳实践。一、v-if指令v-if是Vue.js中最常用的条件渲染指令。它根据表达式的真值来决定是否渲染一个元素。
原创 7月前
71阅读
Vue.js中,循环语句是实现列表渲染的重要机制。通过循环语句,开发者可以遍历数组或对象,并根据遍历的结果动态地生成DOM元素。Vue.js提供了v-for指令来实现这一功能,它允许我们在模板中基于源数据多次渲染元素或模板块。本文将详细探讨Vue.js中的v-for指令,包括其基本用法、对数组和对象的遍历、以及在使用过程中的注意事项和最佳实践。一、v-for指令的基本用法v-for指令用于基于一
原创 7月前
85阅读
介绍官网 : https://cn.vuejs.org/概念: 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是,Vue 只关注视图层, 采用自底向上增量开发的设计。方便与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。安装 1 在pom.xml中引入依赖<dependency>
转载 2024-02-29 22:53:15
74阅读
jQuery中each方法的应用jQuery中有个很重要的核心方法each,大部分jQuery方法在内部都会调用each,其主要的原因的就是jQuery的实例是一个元素合集如下:找到所有的div,并且都设置样式,css只是一个方法,所以内部会调用each处理这个div的合集,给每个div都设置style属性 $('div').css(...) jQuery的大部分方法都是针元素合集的操作,所以
转载 2024-10-16 17:12:02
59阅读
 学完了springcloud后开始学习前端知识,首先学习的就是时下比较热门的js框架:vue.jsVue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。1.引入vu
转载 2023-08-04 23:20:22
145阅读
### 实现"vue ios使用js无效"的步骤 为了解决"vue ios使用js无效"的问题,首先我们需要了解整个流程。下面是一个概览表格,展示了解决这个问题的步骤。 | 步骤 | 描述 | | --- | --- | | 1 | 确认Vue项目配置 | | 2 | 检查JS代码是否正确 | | 3 | 在iOS设备上测试 | 接下来,我们将逐步进行每一步的解释和代码示例。 #### 1
原创 2023-09-22 18:41:49
126阅读
AES加密的使用 对数据传输加密、解密处理 AES.js 第一步: 在vue中安装crypto-js依赖 npm install crypto-js --save-dev 第二步: 在static目录下新建一个AES.js文件,例如: 第三步: 在AES.js中填写如下代码 import Crypt ...
转载 2021-10-09 14:07:00
109阅读
2评论
pinia+js-cookie 简单例子
原创 10月前
664阅读
  • 1
  • 2
  • 3
  • 4
  • 5