在vue中引入vantui的方法:1.新建vue.js項目;2.使用npm安裝vantui依賴包;3.配置.babelrc文件;4.使用import方法引入vantui;
具體步驟如下:
1.首先,在vue-cli中創建一個vue.js項目;
vue create project-name
2.vue.js項目創建好后,在項目中使用npm命令安裝vantui依賴包;
npm i vant -S
3.vantui依賴包安裝好后,在.babelrc文件中進入以下配置;
"plugins": [
"transform-vue-jsx",
"transform-runtime",
["import", [{ "libraryName": "vant", "style": true }]]
],
4.最后,.babelrc文件配置好后,在項目中使用import方法即可引入vantui;
import { Loading } from 'vant'
export default {
components: {
[Loading.name]: Loading
}
}