您身边的网站建设专家
日期： 2022-09-21 02:21:18 浏览数：4
上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。
专业网站建设-网站设计-网站制作与网站开发-高端品牌企业宣传策划-南宁上往建站
菜鸟教程 -- 学的不仅是技术，更是梦想！
list
首页 HTML CSS JAVASCRIPT VUE BOOTSTRAP NODEJS PYTHON3 PYTHON2 JAVA C C++ C# GO SQL LINUX JQUERY 本地书签
Vue.js 教程
Vue.js 教程
Vue.js 安装
Vue.js 目录结构
Vue.js 起步
Vue.js 模板语法
Vue.js 条件语句
Vue.js 循环语句
Vue.js 计算属性
Vue.js 监听属性
Vue.js 样式绑定
Vue.js 事件处理器
Vue.js 表单
Vue.js 组件
Vue.js 组件 - 自定义事件
Vue.js 自定义指令
Vue.js 路由
Vue.js 过渡 & 动画
Vue.js 混入
Vue.js Ajax(axios)
Vue.js Ajax(vue-resource)
Vue.js 响应接口
Vue.js 实例
Vue.js 条件语句Vue.js 计算属性
Vue.js 循环语句
循环使用 v-for 指令。
v-for 指令需要以 site in sites 形式的特殊语法， sites 是源数据数组并且 site 是数组元素迭代的别名。
v-for 可以绑定数据到数组来渲染一个列表：
v-for 指令
<div id="app">
<ol>
<li v-for="site in sites">
{{ site.name }}
</li>
</ol>
</div>
<script>
new Vue({
el: '#app',
data: {
sites: [
{ name: 'Runoob' },
{ name: 'Google' },
{ name: 'Taobao' }
]
}
})
</script>
尝试一下 »
模板中使用 v-for：
v-for
<ul>
<template v-for="site in sites">
<li>{{ site.name }}</li>
<li>--------------</li>
</template>
</ul>
尝试一下 »
v-for 迭代对象
v-for 可以通过一个对象的属性来迭代数据：
v-for
<div id="app">
<ul>
<li v-for="value in object">
{{ value }}
</li>
</ul>
</div>
<script>
new Vue({
el: '#app',
data: {
object: {
name: '菜鸟教程',
url: 'http://www.runoob.com',
slogan: '学的不仅是技术，更是梦想！'
}
}
})
</script>
尝试一下 »
你也可以提供第二个的参数为键名：
v-for
<div id="app">
<ul>
<li v-for="(value, key) in object">
{{ key }} : {{ value }}
</li>
</ul>
</div>
尝试一下 »
第三个参数为索引：
v-for
<div id="app">
<ul>
<li v-for="(value, key, index) in object">
{{ index }}. {{ key }} : {{ value }}
</li>
</ul>
</div>
尝试一下 »
v-for 迭代整数
v-for 也可以循环整数
v-for
<div id="app">
<ul>
<li v-for="n in 10">
{{ n }}
</li>
</ul>
</div>
尝试一下 »
Vue.js 条件语句Vue.js 计算属性
5 篇笔记 写笔记
分类导航
HTML / CSS
JavaScript
服务端
数据库
数据分析
移动端
XML 教程
ASP.NET
Web Service
开发工具
网站建设
Advertisement
反馈/建议反馈/建议
在线实例
·HTML 实例
·CSS 实例
·JavaScript 实例
·Ajax 实例
·jQuery 实例
·XML 实例
·Java 实例
字符集&工具
· HTML 字符集设置
· HTML ASCII 字符集
· JS 混淆/加密
· PNG/JPEG 图片压缩
· HTML 拾色器
· JSON 格式化工具
· 随机数生成器
最新更新
· JavaScript 判断...
· 如何判断 JavaSc...
· JavaScript Numb...
· JavaScript Numb...
· JavaScript Numb...
· JavaScript Numb...
· jQuery 判断元素...
专业网站建设-网站设计-网站制作与网站开发-高端品牌企业宣传策划-南宁上往建站
上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。
服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）
