在Vue中自定义组件可以两方面引入:

1是,使用命令安装方式从网上获取,并配置在package-lock.json文件中:如图;

version:版本号

resolved:组件连接

integrity:一个加密串

 

然后pages.json文件中也会配置一下:

只有版本信息.....这些都是使用npm命令下载自动配置的!

然后就是在main.js中使用全局组件变量没听过import 引入

import MescrollUni  from "mescroll-uni";

Vue.component("MescrollUni",MescrollUni);

 

这样就可以在你需要的时候直接使用<mescroll-uni ></mescroll-uni>!!!!!

第二种:是通过把组件文件引入到自己的components中,在main.js中这样引用:

import MescrollUni from "@/components/mescroll-uni/mescroll-uni.vue"; // 拷贝到components的,则引入.vue文件

下边就是和第一种一样了...

 

 

Logo

前往低代码交流专区

更多推荐