1.指令的定义: 扩展html标签功能,属性
常用指令:
angular:
ng-model ng-controller
ng-repeat
ng-click
ng-show
Vue:
v-model 一般表单元素(input) 双向数据绑定
vue循环:
数据库遍历
v-for="name in arr"
{{name}}{{$index}}
Json遍历1
v-for="name in json"
{{name}}{{$index}} {{$key}}
Json遍历2
v-for="(k,v) in json"
{{name}}{{$index}} {{$key}}
Eg:<script>
window.οnlοad=function(){
new Vue({
el:'#box',
data:{
arr:['apple','banana','orange','pear'],
json:{a:'apple',b:'banana',c:'orange'}
}
});
};
</script>
</head>
<body>
<div id="box">
<ul>
<li v-for="value in arr">
{{value}} {{$index}}
</li>
</ul>
<hr>
<ul>
<li v-for="value in json">
{{value}} {{$index}} {{$key}}
</li>
</ul>
<hr>
<ul>
<li v-for="(k,v) in json">
{{k}} {{v}} {{$index}} {{$key}}
</li>
</ul>
</div>
</body>