在 React 开发中我们已经习惯了使用 Storybook 来进行组件交互式开发与预览,也就是所谓的 Storybook Driven Development;而在近日发布的 Storybook 3.2版本中,其引入了对于 Vue.js 的支持。这里我们为笔者的基于 Webpack 3 的 Vue.js 工程项目脚手架添加 Storybook 支持:
# 安装 Storybook 依赖
npm i -g @storybook/cli
cd my-vue-project
# 项目目录下获取 Storybook
getstorybook
# 运行 Storybook
npm run storybook
我们在 src/component 文件夹下添加简单的按钮组件:
然后在 src/stories 目录下,可以利用 Storybook 提供的接口注册 Story:
/* eslint-disable import/no-extraneous-dependencies, import/no-unresolved, import/extensions */
import { storiesOf } from '@storybook/vue';
import { action } from '@storybook/addon-actions';
import { linkTo } from '@storybook/addon-links';
import MyButton from '../component/MyButton.vue';
storiesOf('Button', module)
.add('with text', () => ({
components: { MyButton },
template: 'Hello Button ',
methods: { action: action('clicked') },
}))
.add('with some emoji', () => ({
components: { MyButton },
template: '原文来自:王下邀月熊
声明:所有来源为“澳门太阳集团城网址8722”的内容信息,未经本网许可,不得转载!如对内容有异议或投诉,请与我们联系。邮箱:marketing@think-land.com
查询台风信息和台风路径
查询国家预警信息发布中心发布的气象预警信息,如:台风、暴雨、暴雪、寒潮、大风、沙尘暴、高温、干旱、雷电等预警类型及预警等级、时间等信息。
支持全球200多个国家或地区,以及国内三网运营商基站位置信息数据查询。
强大的数据积累,依托海量的数据,返回内容丰富度高,包含url、网页标题、正文摘要等,在需要时能够实时访问互联网信息,从而突破信息壁垒,实现更精准、更全面的输出。
通过出发地、目的地、出发日期等信息查询航班信息。