golive-component

frontend_components_lib

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Compiles and minifies for production

发布npm包
npm login
npm publish

Customize configuration

See Configuration Reference.

golive-component组件库使用文档

golive-component组件全局注入

1. npm install golive-component
2. 在main.js文件里面引入: 
    1. import goliveComponent from golive-component
    2. Vue.use(goliveComponent)

golive-component组件使用

1. 组件使用： 例如头部引用: <golive-header></golive-header>
2. 组件里面的公共方法使用： this.$method.+方法名称
3. 组件里面的公共过滤方法： {{data|filter名称}}
4. 组件里面的公共指令方法： <div v-drag></div>

golive-component组件开发

为了统一管理，请在src/lib/components下面新增UI组件文件
重点：在你的组件里面一定要定义
 export default {
  name: 'name'     //  记得命名一定要与你的组件名一致
 }
然后在与main.js同级的index.js文件里面引入
例如： import component from ./lib/components/加你的组件名称
将你的引入的 component加入到名为components的数组对象里面
后面你可以在你的项目里面使用了

golive-component公共方法开发

为了统一管理，请在src/lib/public/method.js里面编辑

golive-component公共过滤器开发

为了统一管理，请在请在src/lib/filter/filter.js里面编辑

golive-component公共指令开发

一个指令最好写一个文件，文件在src/lib/directive文件夹下面

golive-component公共样式引出

import 'golive-component/src/assets/css/common.css'
最好将文件引入到main.js或者app.vue里面，使全局能够引用

所有的新增的组件、方法都需要先验证是否可以使用再上传到git和npm上面