vue--过滤器

时间 2021-08-13

标签 css html vue app ide code cdn htm blog 图片栏目 CSS 繁體版

原文原文链接

效果图

代码

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>过滤器</title>
 <script src="https://cdn.bootcss.com/vue/2.6.8/vue.min.js"></script>
</head>

<body>
  <div id="app">
    <p>过滤前：{{ time}}</p>
    <p>过滤后：{{ time|filter}}</p>
  </div>

  <script>
    //定义一个 Vue 全局的过滤器，名字叫作filter
     Vue.filter('filter', function (time) {
        return time.toLocaleString();
      })

    var vm = new Vue({
      el: '#app',
      data: {
        time: new Date()
      }
      
    });
     
  </script>
</body>

</html>

1. Vue过滤器
2. Vue 过滤器
3. vue 过滤器
4. vue-过滤器
5. vue：过滤器
6. Javascript - Vue - 过滤器
7. Vue 过滤器filters
8. vue-过滤器filter
9. 过滤器 Vue filter
10. Vue 过滤器（Filter）
更多相关文章...
• PHP 过滤器 - PHP教程
• PHP FILTER_CALLBACK 过滤器 - PHP参考手册
• Docker容器实战(七) - 容器眼光下的文件系统
• Docker容器实战(六) - 容器的隔离与限制