用mpvue实现一个简单的demo

序言

上一篇从腾讯后台搭建以及搭建本地开发环境这两个方面进行总结。在进行编码时，这两种搭建方式也能提供更好的开发环境，提高实际的开发效率。
这一节主要分享的便是如果用mpvue实现一个基础的demo，这个demo主要会从mpvue的特性、结构，以及生命周期来实现，期间遇到的坑，Eknow君也会一步步踩踏实了，走得稳点。

mpvue的特性

彻底的组件化开发能力：提高代码
完整的Vue.js开发体验

这句话的意思呢，就是说mpvue基本集成了vue的核心代码，亦即继承了vue的核心功能-组件。组件可以拓展html、封装以及复用代码，它阐述一个组件树是由无数的组件去组成的。通常一个应用会以一棵嵌套的组件树的形式来组织：

而一个好的组件树具有封装性、复用性、拓展性。

 

封装性

组件的封装过程有这几步骤：【创建一个.vue文件】-【进行独立的逻辑处理】-【向外暴露必要的属性、方法等】。
举个demo：列表卡片。里面的信息包括标题title、内容content、图片image、时间time等。这是一个独立的功能项，可以将其封装起来，只暴露一个Array的属性变量，非常简洁、独立。
此时，其他开发者可以不用关注列表项的细节，只需要专注于当前模块的逻辑处理。

复用性

组件的复用，换个专业术语便是，组件间通信。以前面的demo列表卡片来讲，它只负责里面UI功能的实现，不负责与服务端进行打交道；而它的父组件能通过它暴露的Array属性，