程序员的一天

程序员的一天

作为还没有毕业的小白一直梦想着有一天能成为穿拖鞋上班的大佬，今天就来看一下我的学习成果，第一次写博客，写的不好，凑乎着看吧，你以为我会说多多见谅吗，哈哈哈。如果有什么错误一定要给我说哟，对了，自我介绍一下，本人男，取向女，不是死肥仔。
今天主要是看一个过滤器的问题：
先来看一下过滤器最简单的用法

{{price|currency}}

前面的很好理解，就是

{{price}}

意思很简单就是在new 的Vue中的data区域找到price，把他的值调到页面中来。但是后面的|currency是什么鬼？个人理解就是过滤器的名字。你可以这样想生活中过滤器是什么东西，比如自来水过滤器，他需要什么？自来水，对吧，经过过滤器以后就变成能喝的水了，这个语法就是从data区域中调出来了price的值经过名为currency的过滤器后就变的不一样了。

然后我们有了过滤器的名字了，是不是就很想知道这个过滤器到底怎么来制作，至少我们能想到这个过滤器一定有他的名字对吧？

过滤器的写法：

Vue.filter(`currency`,function(pro)
{
	return
});

是不是觉得很面熟？？？？给你提示一下

Vue.component('balance',{
    template:'      ',
    methods:{
  
    }
});

组建的写法和过滤器的写法还是有区别的，你看组建的写法是写完名字以后直接一对大括号，然后里面来一些什么模板啊，函数啊，变量啊，不爽的话在来一个props,而过滤器是函数，还是没有函数名的函数,关键是这个函数还有参数，你就纳闷了，这个参数怎么用呢？其实这个参数就是price，就是{{price|currency}}中的price。
好了现在我们来总结一下：过滤器有哪些内容，过滤器的名字，过滤器的方法，原料。是不是很像现实中的过滤器，美的，过滤盒子，自来水。很好记吧！

接下来我们来实现一下简单的过滤

  	 <div>
            {{price|currency}}
      </div>

Vue.filter(`currency`,function (pro) {
        return pro+`元`;
});

var app = new Vue({
        el: '#app',
        data: {
       			 price:11
        });

结果就是11元。

是不是很有成就感，你以为这样就学会了吗？多年的应试教育经验告诉我，这才刚刚开始，一旦开始扩展。难度就不是一个数量级的了，而且更可气的是，考试只考扩展的东西，美名其曰是“原理那么简单，没什么出头”。想看扩展就看下一篇吧，我累了，不想写了，看会直播再说。