vue 过滤器filter 

<html>
  <head>
    <title>过滤器 filter</title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  </head>
  <body>
    <div id="root">
        <!-- |在vue里是一个管道符号，前面为你要过滤的值，后面是过滤器，所谓过滤就是你筛选后的值 -->
      {{message | lower}}
    </div>
    <script>
      new Vue({
        el: '#root',
        filters: {
          lower(value) {
            return value.toLowerCase()
          }
        },
        data() {
          return {
            message: 'Hello Vue'
          }
        }
      })
    </script>
  </body>
</html>

 学习资料

http://www.youbaobao.xyz/admin-docs/guide/base/vue.html#%E7%BB%84%E4%BB%B6%E9%80%9A%E4%BF%A1-provide-%E5%92%8C-inject

posted @ 2021-01-14 21:54  小白咚  阅读(112)  评论(0)    收藏  举报