网站首页  词典首页

请输入您要查询的论文:

 

标题 创建Vue组件npm包实战分析
范文

    李广宏

    随着前端技术的不断发展,Vue已经成为当下比较流行的开发技术,作为前端工程师,积累下来的前端组件越来越多,通过npm发布组件包来复用这些组件,可以有效地提高工作效率。

    创建项目并且开发组件

    创建本地代码库

    Vue脚手架现已经有2个版本,在这里我们选择Vue cli-3.0版本。创建好文件夹后,输入命令$vue create resources,此处无需安装UI框架,安装一个基本脚手架即可。

    组件代码开发

    进入项目src文件夹,在该目录下创建packages文件夹,里面用于存放插件包,例如,创建一个叫my-button组件。

    首先在src\packages\my-button下创建button.vue和index.js button.vue文件内容