一、条件判断1、v-if条件判断使用 v-if 指令:可以在元素 或 template 中使用 v-if 指令: 现在你看到我了 菜鸟教程 学的不仅是技术,更是梦想! 哈哈哈,打字辛苦啊!!! 尝试一下 »这里, v-if 指令将根据表达式 seen 的值(true 或 false )来决定是否插入 p 元素。在字符串模板中,如 Handl...
转载
2020-05-20 11:24:00
320阅读
2评论
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
349阅读
循环使用 v-for 指令。v-for 指令需要以site in sites形式的特殊语法, sites 是源数据数组并且 site 是数组元素迭代的别名。v-for 指令:v-for 可以绑定数据到数组来渲染一个列表:一个参数二个参数三个参数:v-for 迭代整数:v-for 指令:...
原创
2022-10-31 15:43:33
131阅读
在 Vue 中,循环语句主要通过 v-for 指令来实现,用于遍历数组或对象,生成对应数量的元素。在元素上使用 v-for 指令,根据源数据的数组或对象进行循环渲染元素。: 使用v-for渲染列表时,必须为每个项提供一个唯一的key属性,以便 Vue 能够识别每个项的唯一性,从而进行高效的 DOM 更新。: 可以嵌套使用多个v-for来渲染多维数组或对象结构。
循环使用 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
102阅读
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title></title>
原创
2021-11-16 15:50:01
226阅读
经常用到嵌套循环渲染数据 比如 在一个html页面上渲染 全国所有的 省直辖市 及其下辖的市县 省级对市县 一般是一对多的关系 在循环遍历省级单位时 需要对他的子集也进行遍历 市县类public clas
原创
2022-04-06 11:42:34
645阅读
经常用到嵌套循环渲染数据 比如 在一个html页面上渲染 全国所有的 省直辖市 及其下辖的市县 省级对市县 一般是一对多的关系 在循环遍历省级单位时 需要对他的子集也进行遍历 市县类public class City implements Serializable { private static final lo
原创
2021-07-20 09:55:56
773阅读
条件判断:v-if:条件判断使用 v-if 指令:v-else-if:(其实和Java,c,js的语法差不多)v-show:
原创
2022-10-31 15:30:31
67阅读
Vue.js 条件与循环条件判断v-if条件判断使用 v-if 指令:v-if 指令在元素 和 template 中使用 v-if 指令: 现在你看到我了 菜鸟教程 学的不仅是技术,更是梦想! 哈哈哈,打字辛苦...
转载
2019-11-11 18:36:00
132阅读
2评论
vue.js循环for(列表渲染)详解 一、总结 一句话总结: 1、vue.js中的循环结构(列表渲染:for)如何使用? 用于循环的数组里面的值可以是对象,也可以是普通元素 v-for 可以使用 v-for 指令基于一个数组渲染一个列表。这个指令使用特殊的语法,形式为 item in items,
转载
2019-01-02 02:15:00
176阅读
2评论
欢迎扫码关注微信公众号回复关键字【资料】获取各种学习资料
啥是VUE.js前端开发框架采用MVVM模式
原创
2022-02-28 11:04:12
135阅读
(一)Vue的概念 Vue是一个JavaScript库,和jQuery类似 (二)Vue的安装 Vue的安装分为三种
转载
2021-07-15 10:30:00
377阅读
2评论
ylbtech-.NET Extension: 1. Vue.js 是什么Vue.js (读音 /vjuː/,类似于 view) 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与单文件组件和 Vue 生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应
转载
2017-12-16 18:16:00
232阅读
2评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>v-model指令</title> <script src="https:
原创
2021-08-10 11:44:56
172阅读
Vue.js 使用了基于 HTML 的模版语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。结合响应系统,在应用状态改变时, Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。一、插值1、文本:{{...}}(双大括号)数据绑定最常见的形式就是使用 {{...}}(双大...
转载
2020-05-20 11:08:00
527阅读
2评论
文件的上传和预览在web开发领域是随处可见,存储的方式有很多,本文采用阿里巴巴余庆大神开发的FastDFS进行文件的存储,FastDFS是一个分布式文件存储系统,可以看我上一篇博文,有安装和配置教程。 本文后台采用SpringBoot,前端采用Vue.js和Element UI,存储引擎为FastDFS。 步骤: 1.maven项目引入FastDFS依赖1 <dep
转载
2023-07-22 04:09:04
105阅读
一.vue.js的快速入门使用1.vue.js库的下载vue.js是目前前端web开发最流行的工具库,由尤雨溪在2014年2月发布的。另外几个常见的工具库:react.js ( Facebook 的内部项目)/angular.js(谷歌)官方网站: 中文:https://cn.vuejs.org/ 英文:https://vuejs.org/官方文档:https://cn.vuejs.or
注:此内容摘抄自:梁灏的《Vue.js实战》注:记得要引入vue.js才能运行哦,文章中贴出的代码直接复制是不行的,html css js 都放在了一起,而且也没有引用vue.js。1.v-cloakv-cloak不需要表达式,它会在Vue实例结束编译时从绑定的HTML元素上移除,经常和CSS的display:none; 配合使用。<div class="app1" v-cloak>
转载
2023-08-08 14:25:29
108阅读
本内容为系列内容,全部内容请看我的vue教程分类什么是Axios是一个基于promise(承诺)的HTTP网络请求库可以用于浏览器和node.js项目vue官方推荐的请求库,从以前的vue-resource到axios通俗点说就是对JavaScript的http请求的二次封装,就类似jQuery的ajax中文文档立即查看原则上学习这一节需要mock数据相关的知识,但是鉴于大家都是初学者,所以不使用
转载
2023-09-15 21:35:53
131阅读