Vue详细介绍模板语法和过滤器的使用!
表达式
{{ XXX }}
使用过滤器
{{ XXX | yyy}}
使用多个过滤器
{{ XXX | yyy | yyy1}}
过滤器带参数
{{ XXX | yyy(123,"zhuiszhu") }}
动态属性:
<img v-bind:src="xxx" />
或 <img :src="xxx" />
绑定事件
<a v-on:click="xxx" />
或 <a v-on:click="xxx($event)" />
或 <a v-on:click="xxx($event,123)" />
或 <a v-on:click="xxx(123)" />
或 <a @click="xxx" />
指令:
v-if: 元素是否存在
v-else-if:
v-else 用法同js 的 if else if 及 else
注意 在使用了这几个指令的标签之间 不能存在其他元素
v-show: 元素是否显示
v-for: 循环迭代
<li v-for="item in list"></li>
或者
<li v-for="item in {name:'zhuiszhu',age:18}">
{{item}} ===> item值为 : zhuiszhu , 18
</li>
或者
<li v-for="item in 10"></li>
此时 item 值为: 1,2,3,4,5,6,7,8,9,10
获取索引
<li v-for="(item,i) in list"></li>
v-model: 数据双向绑定
全局过滤器
Vue.filter("name",function(value,sta1?,sta2?....){
return newValue
})
局部过滤器
let abc = function(value,sta1?,......){
return newValue
}
{
data: ...,
....,
fileters : {
name : abc
}
}
最新文章
- linux自用命令
- nodejs:使用多处理器
- PowerDesigner打开设计文件后提示failed to read the fileXXX的解决办法
- UVa 514 (stack的使用) Rails
- 关于InputStream 和String对象之间的相互转换
- Hibernate逍遥游记-第12章 映射值类型集合-004映射Map(<;map-key>;)
- 查看Sql语句执行速度
- ASP.NET基础知识汇总之WebConfig自定义节点详细介绍
- 好大一个坑: EF Core 异步读取大字符串字段比同步慢100多倍
- numpy交换列
- MySQL中interactive_timeout和wait_timeout的区别【转】
- 【CF715E】Complete the Permutations(容斥,第一类斯特林数)
- C++有关 const &; 内敛 &; 友元&;静态成员那些事
- 一道简单的python面试题-购物车
- java时间操作:获取当天剩余时间
- windows virus-search-kill-monitor
- 【348】通过 Numpy 创建各式各样的矩阵
- ubuntu 安装 mongodb 数据库
- TaskTracker学习笔记
- netty的Udp单播、组播、广播实例+Java的Udp单播、组播、广播实例