# 基本用法

<template>
  <ui-steps :current="current">
    <ui-step v-for="(item,index) in steps" :key="index" :title="item.title" :content="item.content"></ui-step>
  </ui-steps>
</template>

<script>
export default {
  data(){
    return {
      current:1,
      steps:[
        {
          title:'标题一',
          content:'步骤一'
        },
        {
          title:'标题二',
          content:function(){
            return (
              <div>
                <a href="http://www.baidu.com" target="_blank">点击跳转</a>
              </div>
            )
          }
        },
        {
          title:'标题三',
          content:'步骤三'
        }
      ]
    }
  }
}
</script>

<style>

</style>