0.2.5 • Published 5 years ago
ths-vue v0.2.5
ths-vue是基于思路前端设计理念的 Vue UI 组件库,主要用于研发企业级前端产品。
特性
● 提炼自企业前端产品的交互语言和视觉风格。 ● 开箱即用的高质量 Vue 组件。
支持环境
● 现代浏览器和 IE9 及以上(需要 polyfills)。 ● 支持服务端渲染。 ● Electron
安装
使用 npm 或 yarn 安装
推荐使用 npm 或 yarn 的方式进行开发,不仅可在开发环境轻松调试,也可放心地在生产环境打包部署使用,享受整个生态圈和工具链带来的诸多好处。
$ npm install ths-vue --save
$ yarn add ths-vue
如果网络环境不佳,推荐使用 cnpm。
完整引入
在 main.js 引入并注册:
import Tvue from 'ths-vue';
import 'ths-vue/dist/ths-vue.css';
Vue.use(Tvue);
在组件中使用:
<template>
<HelloWorld></HelloWorld>
</template>
<script>
export default {
data () {
return {
}
}
}
</script>
按需引入
使用 babel-plugin-import,在命令行中运行:
npm i babel-plugin-import --save-dev
修改babel.config.js:
presets: [
'@vue/cli-plugin-babel/preset',
],
plugins: [
['import',
{
libraryName: 'ths-vue',
libraryDirectory: 'components',
},
'ths-vue',
],
],
在main.js中:
import {HelloWorld} from 'ths-vue';
Vue.use(HelloWorld);