安装Vant

npm i vant -S:这是简写形式。

想全局引入,但是做了按需引入的配置。做了按需引入的配置之后,import Vant from 'vant'。这种方式就找不到vant了,所以会报错“vant is not defined”。按需引入的配置:你看下是否在.babelrc(或者babel.config)中配置了vant的引入方式,如果有,拿掉就可以全局引入了
npm install vant --save:这是完整写法。

按需引入

  • 安装babel-plugin-import

npm i babel-plugin-import -D

  • 在.babelrc中配置plugins(插件)

    "plugins": [
        "transform-vue-jsx", 
        "transform-runtime",
        ["import",{"libraryName":"vant","style":true}]
      ]

    babelrc

  • 在main.js中添加你要引入的

    import { Button } from 'vant'
    Vue.use(Button)

全局安装

  • 直接在src/main.js进行全局引入。

    import 'vant/lib/index.css'
    Vue.use(Vant)

Last modification:December 18th, 2019 at 05:17 pm
如果觉得我的文章对你有用,请随意赞赏