把data中的数据渲染到html标签中
例子如下(复制即可运行):
效果图:
App.vue文件:
<!--03绑定数据,循环数组-->
<template>
<!--只能有一个根节点,所有组件都卸载根节点中-->
<div id="app">
<!--显示 data 中定义的变量-->
<!--字符串-->
<p>{
{name}}</p>
<!--对象-->
<p>{
{this.obj.hobby}}</p>
<!--循环数组-->
<p v-for="item in list">{
{ item }}</p>
<!--循环的时候拿到索引和值-->
<p v-for="(item,key) in list">{
{key+'数据'+item }}</p>
<!--循环装对象的数组-->
<p v-for="obj in listObj">{
{obj.message}}</p>
<!--循环二维数组-