Vue。js中,v代表指令需要以项目在项目形式的特殊语法,物品是源数据数组并且项目是数组元素迭代的别名。
& lt; div id=皐antuizhijia”比;
& lt; ol>
& lt;李v=蓖驹谕尽氨?
{{site.name}}
& lt;/li>
& lt;/ol>
& lt;/div>
& lt; script>
新Vue ({
埃尔:“# wantuizhijia ',
数据:{
网站:[
{名称:“网推之家”},
{名称:“谷歌”},
{名称:“淘宝”}
]
}
}）
& lt;/script>
<强>输出:
& lt; div id=皐antuizhijia”比;
& lt; ul>
& lt;模板v=痹诘胤健氨?
& lt; li> {{place.name}} & lt;/li>
& lt; li> - - - - - - - - - - - - - & lt;/li>
& lt;/template>
& lt;/ul>
& lt;/div>
& lt; script>
新Vue ({
埃尔:“# wantuizhijia ',
数据:{
地方:[
{名称:“厦门”},
{名称:“漳州”},
{名称:“福州”}
]
}
}）
& lt;/script>
<>强效果:
& lt; div id=皐angtuizhijia”比;
& lt; ul>
李& lt; v=岸韵蟆钡募壑当?
{{value}}
& lt;/li>
& lt;/ul>
& lt;/div>
& lt; script>
新Vue ({
埃尔:“# wangtuizhijia ',
数据:{
对象:{
名称:”,
url:“https://www.jb51.net”,
口号:“美好生活,等待你的开创!”
}
}
}）
& lt;/script>
<>强效果:
https://www.jb51.net
美好生活,等待你的开创!
& lt; div id=皐angtuizhijia”比;
& lt; ul>
& lt;李v="(值,键)在对象”在
{{关键}}:{{value}}
& lt;/li>
& lt;/ul>
& lt;/div>
& lt; script>
新Vue ({
埃尔:“# wangtuizhijia ',
数据:{
对象:{
名称:”,
url:“https://www.jb51.net”,
口号:“美好生活,等待你的开创!”
}
}
}）
& lt;/script>
<>强效果:
名称:
的url: https://www.jb51.net
口号:美好生活,等待你的开创!
& lt; div id=皐angtuizhijia”比;
& lt; ul>
& lt;李v="(值,键、索引)对象”在
{{指数}}{{关键}}:{{value}}
& lt;/li>
& lt;/ul>
& lt;/div>
& lt; script>
新Vue ({
埃尔:“# wangtuizhijia ',
数据:{
对象:{
名称:”,
url:“https://www.jb51.net”,
口号:“美好生活,等待你的开创!”
}
}
}）
& lt;/script>
<>强效果:
0名称:
1的url: https://www.jb51.net
2的口号:美好生活,等待你的开创!
& lt; div id=皐angtuizhijia”比;
& lt; ul>
李& lt; v=10“n”比;
{{n}}
& lt;/li>
& lt;/ul>
& lt;/div>
& lt; script>
新Vue ({
埃尔:“# wangtuizhijia”
}）
& lt;/script>
& lt;/body>
<>强效果:
1
2
3.
4
5
6
7
8
9
10
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对的支持。
