温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

Vue怎么安装和使用npm

发布时间:2022-01-27 09:40:28 来源:亿速云 阅读:196 作者:iii 栏目:开发技术

这篇“Vue怎么安装和使用npm”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Vue怎么安装和使用npm”文章吧。

npm 是 Node.js 官方提供的包管理工具,他已经成了 Node.js 包的标准发布平台,用于 Node.js 包的发布、传播、依赖控制。npm 提供了命令行工具,使你可以方便地下载、安装、升级、删除包,也可以让你作为开发者发布并维护包。

Vue怎么安装和使用npm

npm的安装和使用

$ npm install perfect-scrollbar

下面记录一下再 iview 页面组件中使用 perfect-scrollbar。首先引入实例及 css 样式。

 import PerfectScrollbar from 'perfect-scrollbar' import 'perfect-scrollbar/css/perfect-scrollbar.css'

然后在 mount 方法或自定义方法中创建一个新的实例(vue组件初始化时执行的钩子函数):

const Ps = new PerfectScrollbar('.demo-split-pane', {
   wheelPropagation: false})

其中 .demo-split-pane 是你挂载的类名(我这里是 card 组件的类名),然后后面是一个对象,有很多参数可以定义,可参考这篇文章。

定义一下 css 样式:

demo-split-pane{
   position: relative;
   height: 100%;
   overflow: hidden;
 }

需要注意,你的父元素也需要 height 为 100%。

以上就是关于“Vue怎么安装和使用npm”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI