<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="lib/vue.js"></script>
</head>
<body>
<div id="root">
{
{nowTime}}|{
{getNowTime(nowTime)}}|
<!-- 将时间戳nowtime传过去 -->
<h3>{
{n | currency}}</h3>
</div>
</body>
<script>
new Vue({
el:"#root",
data:{
// 指定你的数据属性
nowTime:Date.now()-999999999,
n:5
},
// 定义过滤器。
filters:{
// 我定义了一个名字叫currency过滤器
// 返回的值即是过滤以后的值.
// 过滤器的第一个参数即是你要过滤的值,此时的v指的是5,页面会显示$5
currency(v){
console.log(v);
return "$"+v;
},
},
methods:{
// 指定方法
getNowTime(v){
// 将
vue过滤器应用(时间戳转换为时分秒)
最新推荐文章于 2024-04-22 09:23:17 发布