vue的计算属性用于简单运算，在模版中太多的逻辑会难以维护，例如:

1
2
3

<div id="example">
  {{ message.split('').reverse().join('') }}
</div>

这个地方逻辑是字符串反转，如果多次使用会造成不好维护的现象，而且逻辑代码写在模版里可读性并不是很好。

1.首先在根目录新建components目录，然后在components下创建组件

首先我们通常用的是px单位，那么我们知道px适用于pc端，那么如果px用到小程序或者移动端显示效果都不是很精确，所有我们小程序使用的是rpx单位，那么有什么区别吗？rpx单位支持自适应，也就是说无论多大尺寸的屏幕都会保持做原始的大小，会随着屏幕而改变，那px就不同了，他的大小是rpx的两倍，且不说在小程序上不自适应，反而会显得很大，不是我们想要的大小，我们需要手动的去除以2来进行换算。但有些情况我们也是会使用到px的，比如不需要自适应的东西，就可以使用px。

子组件传递父组件需要用到triggerEvent方法，当子组件（自定义组件）点击button的时候调用triggerEvent方法传递一些数据，首先第一个属性为自定义名称（myevent）对应父组件（bind:myevent）名字是个标识必须相同，第二个参数就是要传递的数据，第三个参数是一些配置具体参考 https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/events.html。父组件bind:myevent=”onMyEvent”事件绑定，通过e.detail.count来获取数据。