Vue.JS且戰且飛(十二)

2017 iT 邦幫忙鐵人賽

DAY 12

Modern Web

Vue.JS且戰且飛系列第 12 篇

2017鐵人賽 vue.js eagle 老鷹且戰且飛

老鷹(eagle)

2016-12-13 22:05:45

1405 瀏覽

過濾器-插件

找不到filter.js的網路連結
所以請到https://github.com/wy-ei/vue-filter 下載測試

<html>
<head>
    <meta charset="UTF-8">
    <title>過濾器-插件</title>
</head>
<body>
<div id="show">
    <a href="https://github.com/wy-ei/vue-filter">插件GitHub</a>
    <div>Vue.JS 2.0版本後就沒有內建過濾器,所以過濾器可以自己寫,也可以使用插件.</div>
    <input v-model="message">
    {{ message | reverse }}
</div>
</body>
<script src="vue.js"></script>
<script src="filter.js"></script>
<script>
    new Vue({
        el: '#show',
        data: {
            message: 'eagle'
        }
    });
</script>
</html>