zoukankan      html  css  js  c++  java
  • vue-cli 项目下引入vant组件

     1、创建一个Vue项目 :  vue create vue-app  或者 vue init webpack my-vue(项目文件夹的名字)

     2、通过 npm 安装vant:    npm i vant -S

     3、 自动按需引入vant组件 (推荐) 

    babel-plugin-import 是一款 babel 插件,它会在编译过程中将 import 的写法自动转换为按需引入的方式.

     # 3.1安装插件 :   npm i babel-plugin-import -D 

    注意:

    1、如果是webpack创建的项目,在.babelrc 中添加配置:

    {
      "plugins": [
        ["import", {
          "libraryName": "vant",
          "libraryDirectory": "es",
          "style": true
        }]
      ]
    }

    2、如果是通过vue create 方式创建的项目,

    在babel.config.js 中添加配置: 加入红线框内的内容即可

     # 3.2 在main.js中局部引入所需要的组件

    import { Button, Tabbar, TabbarItem, NavBar, Card } from 'vant';
    Vue.use(Button) .use(Tabbar) .use(TabbarItem) .use(NavBar) .use(Card);
  • 相关阅读:
    三十六、主从复制监控
    三十五、主从复制原理
    IO模型
    格式化时间
    计算当前日期星座
    牛顿迭代法
    矩阵变换
    ffmpeg使用
    数独自动求解
    回溯迷宫找终点
  • 原文地址:https://www.cnblogs.com/yunyin/p/13519367.html
Copyright © 2011-2022 走看看