Vue计算，插槽及自定义事件

vue

计算属性(类似于Mybatis缓存)

设计计算属性的初衷是用于简单运算的，在一个计算属性里可以完成各种复杂的逻辑，包括运算，函数调用等，最终返回一个结果即可。

将计算出来的结果保存在属性中，在内存中运行。

<div id="a">
  <p>Now:{
   {
   currentTime()}}</p>
</div>
<script type="text/javascript">
  var vm = new Vue({
   
    el: "#a",
    data: {
   
      message: "hello ,cyl"
    },
    methods: {
   
      currentTime: function () {
   
        return Date.now();//返回当前时间戳
      }
    },
    computed: {
   //计算属性，方法名与计算属性不能重名
               //如果出现重名，仅会调用methods中的方法
      currentTime: function () {
   
        return Date.now();//返回当前时间戳
      }
    }
  });
</script>

summary：调用方法时，每次都要进行计算，既然有计算就会有系统开销，如果这个值不会经常性变化，此时就会将此结果缓存起来，采用计算属性可以做到这一点。
计算属性的特性就是为了将不经常变化的计算结果缓存起来，以节约系统开销。因为前端的并发量比后端要高出好几倍，所以节约一点缓存对前端来讲很有必要。

插槽(vital)

在vue中，我们可以使用元素作为分发内容的