Vue过滤器、生命周期函数和vue-resource

一、过滤器

使用例子：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="vue.js"></script>
</head>
<body>
  <div id="app">
     //把msg的内容的abc替换成'你好123'，最后添加上'========'
    <p>{{ msg | msgFormat('你好', '123') | test }}</p>
  </div>

  <script>
    // 定义一个 Vue 全局的过滤器，名字叫做  msgFormat
    Vue.filter('msgFormat', function (msg, arg, arg2) {
      // 字符串的  replace 方法，第一个参数，除了可写一个 字符串之外，还可以定义一个正则
      return msg.replace(/abc/g, arg + arg2)
    })

    Vue.filter('test', function (msg) {
      return msg + '========'
    })


    // 创建 Vue 实例，得到 ViewModel
    var vm = new Vue({
      el: '#app',
      data: {
        msg: 'abc,abcdefg,哈哈哈'
      },
      methods: {}
    });
  </script>
</body>
</html>
过滤器