vue指令的定义及常用指令
来源:互联网 发布:大数据 nosql 编辑:程序博客网 时间:2024/06/06 00:19
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.onload=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>
- vue指令的定义及常用指令
- vue的常用指令
- vue.js的常用指令
- Vue.js的常用指令-vue.js
- 02.vue常用指令
- vue常用内置指令
- vue常用指令
- Vue.js常用指令
- 【Vue.js】- Vue.js常用指令的使用
- Vue常用指令_V-model
- Vue常用指令v-for
- Vue的简单指令
- vue生命周期及自定义指令
- vue 指令
- gcc基本的使用方法及常用指令
- gcc基本的使用方法及常用指令
- Git 的安装及常用指令
- gdb的用法及常用指令
- qaiyggwyswseiie
- 基于InnoDB索引主键策略
- 《大型网站技术架构:核心原理与案例分析》读书笔记
- sublime配置java编译运行
- 笔记待整理
- vue指令的定义及常用指令
- 软件历史知识
- 根据时间生成唯一ID
- 虚拟机通过NAT上外网
- bnrfjxtdlrjxdrp
- 栈的push、pop 序列
- Vue-click事件
- 交通部道路运输车辆卫星定位系统部标JTT808、809、796标准大全
- 一条基本的python + appium测试用例