理解フィルター
- 機能：表示形式後に表示されるように、特定のデータを実行します
- 注：ちょうど新しい対応するデータを生成し、元のデータは変更されません。
フィルタの定義および使用
- フィルタの定義
Vue.filter(filterName, function(value[,arg1,arg2,...]){
// 进行一定的数据处理
return newValue
})
- フィルタを使用します
<div>{{myData | filterName}}</div>
<div>{{myData | filterName(arg)}}</div>
応用例の日付と時刻の表示形式
必要な日付表示フォーマットなど：
- 2020年1月22日午前11時46分三十九秒
- 2020年1月22日
- 午前11時46分39秒
これは、ライブラリmonent.jsを伴う>>>>
このライブラリリファレンスはここを参照してください（BootCDN）>>>
（最後から二番目と最後から二番目のリンクは、タグに接着させることができます）
完全な実装コード
<!--需求：对当前时间进行指定格式显示 -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Vue的生命周期</title>
<style>
</style>
</head>
<body>
<div id="test">
<h2>显示格式化的日期时间</h2>
<p>{{date}}</p>
<!--使用过滤器显示时间 -->
<p>完整版：{{date | dateString}}</p> <!--数值 | 过滤器名字(如果传格式就会按照指定格式进行格式化)-->
<p>年 月 日：{{date | dateString('YYYY-MM-DD')}}</p>
<p>时 分 秒：{{date | dateString('HH:mm:ss')}}</p>
</div>
<script type="text/javascript" src="../js/vue.js"></script>
<script type="text/javascript" src="https://cdn.bootcss.com/moment.js/2.24.0/moment.js"></script>
<script type="text/javascript">
//自定义过滤器,Vue函数对象的角色
Vue.filter('dateString',function (value,format) { //value:将要被格式化处理的值，即下面的date值
return moment(value).format(format || 'YYYY-MM-DD HH:mm:ss') //24小时制：H;12小时制：h.
}) //如果传入format则用format，否则用后面的格式化形式
new Vue({
el:'#test',
data:{
date:new Date()
}
})
</script>
</body>
</html>
入ってくるフォーマットと 'のss YYYY-MM-DD HH :: MM'：排他的なPSを書かれた別の表示形式
//自定义过滤器,Vue函数对象的角色
Vue.filter('dateString',function (value,format='YYYY-MM-DD HH:mm:ss') { //value:将要被格式化处理的值，即下面的date值
return moment(value).format(format) //24小时制：H;12小时制：h.
})
（やや驚きの、それはすべての割り当てにCやJavaにはないではないのか？フロントとリアの構文は同じではないようです）
