如何封装一个简单的VUE组件

基于vue2.0封装一个简单的表单组件

  • 前景介绍
  • 准备工作
  • 准备编码

前景介绍

这是一篇晚来的文章,毕竟2.0在去年12月份就已经停止维护了,这篇文章当是一个纪念吧。

准备工作

我们封装组件最快速的就是使用脚手架创建一个项目

$ vue create my-demo

下面选择vue2 即可,其他的随意,建议关闭eslint,这样在编写的时候会比较简单。

准备编码

下面我们创建一个组件UmInput(前缀并没有要求,可以随意起),目录格式参照下面
如何封装一个简单的VUE组件_第1张图片
代码参照下面编写




好了,运行试试吧,一个简单的表单组件就封装好了,是不是超级简单

你可能感兴趣的:(vue.js,javascript,前端)