vue-easyimport

Version:

Vue2.0更便捷的使用组件

86 lines (60 loc) • 1.87 kB

Markdown

## 介绍 ``` 作者:张明轩英文名:GrayFox 个人博客:http://www.agrayfox.com 该插件用于Vue2.0和Vue3.0版本,用于优化高复用的组件,减少代码量。版本:Version 2.2.1 在使用任意组件时,每次引用组件都需要以下四个步骤: 1.注册组件 2.在页面中引入组件 3.在组件文件夹中声明组件 4.在页面中使用组件当一些组件需要引用多次的时候,上面的步骤显得特别繁琐冗杂. 安装本工具包之后,你只需要在组件文件夹中建立你的个人组件, 然后就可以去页面中使用了。 ``` ## 浏览器兼容性 ``` vue-easyimport支持所有符合ES6的浏览器 ``` ## 使用说明 #### 1.安装此工具包 ``` npm install vue-easyimport --save ``` #### 2.在入口文件main.js中引入 ``` import 'vue-easyimport' ``` #### 3.在组件文件夹下新建基本组件 ``` 可在组件目录下新建任意个以.vue为后缀的基本组件示例: ————components ————————Header ————————————header.vue ————————test1.vue ————pages ————————Test2.vue ————views ————————test3.vue ``` #### 4.在页面中直接使用组件标签即可 ``` 示例: <template> <div id="test"> <Test1/> <Test2/> <Test3> <Header/> </div> </template> 注意: 在新建组件时,组件名首字母不限大小写; 但在使用组件时,标签名首字母一定要大写,否则不生效! 2.0.1版本更新支持了全部组件的简便使用,并可以兼容Vue3.0版本 2.1.1版本更新修复了文件根路径找不到文件夹会报错的bug 2.2.1版本更新修复了文件夹内包含多重嵌套路径时无法正确生成注册组件的bug ```