golive-component v0.9.9
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
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上面
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago