文化园

自定义组件库组件"前缀"，咋定义？假如我自己个写一个组件库，怎么自定义自己的前组件前缀名。如：我自定义一个Button按钮，要让ta带上我自定义的特色，成为这样 。

vue中有很多豫定义的绑定指令，v-modle、v-onlick和v-bind等。如果咱需要自己的指令，该如何实现？这个问题就是当下要研究的方向 ~

vue.extend()方法其实是vue的一个构造器，继承自vue。知道了它的涵义，怎么应用更是我们所关注和关心的问题。因此对extend它的应用，这里着重从3个方面去介绍。1, 开源组件库mint-ui中的应用；2, 本地vue工程中程序实现；3, 总结extend的主要应用方向；...

vue越来越熟练，但是一些基础的概念却渐渐模糊。模糊中又会变得自我怀疑，然后重新梳理，重新认识、深入了解 ~ VNode、elm、context、el ~他们是个啥，担任着什么样子的角色 ？

官方原话：混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。这里先通过自己写的vue代码对该混入[mixins] 进行功能验证，然后通过elment-ui源码对该功能的易用性进行再次吹捧 ~本地代码案例局部混入在Ban-Acc-Transfer-c.vue 中的<script> 内定义要混入的对象[要混入的内容必须是对象]要混入的对象中有，.

学习的过程，必定是要挑战一些复杂的页面和组件的。本来是想着写一个小demo，以提高自己的编码水平。谁知看到实现的效果之后，还是觉得有分享的价值的。并且该业务组件，在金融app中使用率应该是极高的。通过git图描述以下该自定义业务组件的功能要求：初始进入该页面时，输入框获取焦点。输入转账金额7876543，在输入框下方会有对应金额繁体字 柒佰捌拾柒万陆仟伍佰肆拾叁元整 与之匹配。且过万的金额汉字会呈现红色。若在输入框外任意位置点击使输入框失去焦点，输入的金额数字，会以一种金额的样式呈现即 7,876,5.

初学vue已近3个周，至此开发技能已满足。从eggjs 到 vue 再到 scss，这个过程需要总结和分享。深度学习需要从这里点点滴滴的开始 ~以上截图是，刚为内容分享使用vue所画的页面。看效果，与原图相比逼真度——真假难分接下来总结方向，vue中如何自定义组件？如何使用自定义组件？...