3.vue当中vant插件自动按需引入

1.vant官网:https://youzan.github.io/vant/#/zh-CN

2.通过npm安装npm i vant -S

3.自动按需引入

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

  3.2.对于使用 babel7 的用户,可以在 babel.config.js 中配置

	module.exports = {
	  plugins: [
	    ['import', {
	      libraryName: 'vant',
	      libraryDirectory: 'es',
	      style: true
	    }, 'vant']
	  ]
	};

  3.3.在代码中直接引入

   import { Button } from 'vant'

直接按文档里面是会报错的
在这里插入图片描述

4.自动按需引入

import { Search } from 'vant'

export default {
	name: 'Home',
	components: {
		[Search.name]: Search  //加上这一句就不会报错了
	},
	data() {
      return {
        value: ''
      };
    },
    methods: {
      
    }
}

你可能感兴趣的:(vue)