title: VueJS two way filter
body: <p>Is it possible to use a two way filter in VueJS? </p>
  
  <p>I tried, but could not find it on the new docs.</p>
  
  <p>I tried</p>
  
  <pre><code>&lt;script&gt;
      var app = new Vue({
          el: '#app',
          data: {
              EditMode: false,
              message: 'Hello Vue!'
          },
          filters: {
              capitalize: function (value) {
                  if (!value) return '';
                  value = value.toString();
                  return value.toUpperCase();
              },
              ccc:
                  {
                      read: function (value) {
                          return value.toUpperCase() + "re";
                      },
                      write: function (value) {
                          return value.toLowerCase() + "wri";
                      }
                  }
          }
      }
      );
  &lt;/script&gt;
  </code></pre>
  
  <p>and</p>
  
  <pre><code>&lt;h1&gt;{{ message | ccc }}&lt;/h1&gt;
  </code></pre>
  
  <p>but it is not working.</p>
  
  <p>for example if I test the simple filter </p>
  
  <pre><code>&lt;h1&gt;{{ message | capitalize }}&lt;/h1&gt;
  </code></pre>
  
  <p>it Works.</p>