4--Vant

作者: Daeeman | 来源:发表于2020-07-10 13:45 被阅读0次

    一 、Vant

    (有赞前端团队Vue UI插件库)主要针对电商的一款插件
    地址:https://youzan.github.io/vant/#/zh-CN/

    1. cmd安装

    先切换到项目目录

    • npm i vant -S:这是简写形式。
    • npm install vant --save:这是完整写法。
    2. navBar的使用示例
    a. main.js 导入
    import Vant from 'vant'
    import 'vant/lib/index.css'
    Vue.use(Vant);
    
    
    // import {Lazyload} from 'vant'
    // Vue.use(Lazyload);
    // 挂载懒加载组件LazyLoad
    
    // import Vant from './assets/vant/index'
    // import './assets/vant/index.css'
    
    b. 使用
    <van-nav-bar
      title="标题"
      left-text="返回"
      right-text="按钮"
      left-arrow
      @click-left="onClickLeft"
      @click-right="onClickRight"
    />
    

    相关文章

      网友评论

          本文标题:4--Vant

          本文链接:https://www.haomeiwen.com/subject/yaxmcktx.html