vue基础之data存储数据及v-for循环用法示例_vue保存数据 - CSDN文库

5星 · 超过95%的资源 186 浏览量更新于2023-03-16 评论收藏 39KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

vue基础之基础之data存储数据及存储数据及v-for循环用法示例循环用法示例

本文实例讲述了vue data存储数据及v-for循环用法。分享给大家供大家参考，具体如下：

vue data里面存储数据里面存储数据

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>www.jb51.net vue data里面存储数据</title>

<style>

</style>

<script src="https://cdn.bootcss.com/vue/2.4.4/vue.min.js"></script>

<script>

window.onload=function(){

new Vue({

el:'body',

data:{

msg:'welcome vue',

msg2:12,

msg3:true,

arr:['apple','banana','orange','pear'],

json:{a:'apple',b:'banana',c:'orange'}

}

});

};

</script>

</head>

<body>

<input type="text" v-model="msg">

<input type="text" v-model="msg">

<br>

{{msg}}

<br>

{{msg2}}

<br>

{{msg3}}

<br>

{{arr}}

<br>

{{json}}

</body>

</html>

vue v-for循环循环

v-for循环:

v-for=”name in arr”

{{value}} {{$index}}

v-for=”name in json”

{{value}} {{index}} {{index}} {{key}}

v-for=”(k,v) in json”

{{k}} {{v}} {{index}} {{index}} {{key}}

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>www.jb51.net vue v-for循环</title>

<style>

</style>

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

评论10

李诗旸

2023-06-14

这篇文章不仅让我学到了知识，而且还给了我灵感，让我能够在我的项目中更好地应用vue。

weixin_38626858

粉丝: 2
资源: 898

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈