vue 的过滤器和混入的使用

  • Z时代
  • 2024-01-10
  • 分类：综合

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\')
    }
  }
})

以上是 vue 的过滤器和混入的使用 的全部内容， 来源链接： utcz.com/z/379219.html

回到顶部