vue 的过滤器和混入的使用

//过滤器只能在插值语法 和 v-bind中使用

//过滤器可以连续使用

<div id="app">

　　<p>{{name | formatStr}}</p>

</div>

<script>

　　//全局过滤器

　　//第一个参数  过滤器名称

　　//第二个参数   处理数据的函数

　vue.filter(“ formatStr”，function(value){

　  //执行方法

　　　value=value.replace("更改的属性")

　　　return value

})

</script>

 

//局部过滤器使用的方法在使用过滤器的组件下使用  fi'l'ters{}方法即可

 

vue 混入一般是用在多个页面中使用相同的内容进行封装     

使用方法写一个单独的js   然后导出方法名字    在使用页面通过   mixins引入即可

值为对象的选项，例如 methods、components 和 directives，将被合并为同一个对象。两个对象键名冲突时，取组件对象的键值对。

var mixin = {
  methods: {
    foo: function () {
      console.log('foo')
    },
    conflicting: function () {
      console.log('from mixin')
    }
  }
}

var vm = new Vue({
  mixins: [mixin],
  methods: {
    bar: function () {
      console.log('bar')
    },
    conflicting: function () {
      console.log('from self')
    }
  }
})