600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > vue项目中引入插件

vue项目中引入插件

时间:2019-10-16 14:17:25

相关推荐

vue项目中引入插件

(一)Vue引入jquer以及jquery插件步骤

(一)在package.json中添加

(二)安装jquery

npm install jquery

(三)修改build/webpack.base.conf.js中的两处

1).在开头引入webpack

2)在module.exports最后增加一个plugins对象

3)重新 npm run dev

4)在main.js中引入

import $ from ‘jquery

引入jquery后就可以使用jquery插件,比如*

(一)引入bootstrap:

在vue入口文件src/main.js中添加

import ‘./assets/libs/bootstrap/css/bootstrap.min.css’

import ‘./assets/libs/bootstrap/js/bootstrap.min’

(二).引入jquery后引入轮播插件flexSlider

1)下载flexSlider压缩包

2)解压后,将fonts文件夹,jquery.flexslider-min文件,flexslider.css放在static文件夹下

3).在vue模板中使用

4)引入flexSlider所需文件

5)将flexSlider放在ajax加载后(不然会出现只有刷新才会出现图片的现象)

Vue项目引入icon图标步骤

(一)进入iconfont官网,找到自己所需要的图标

(二)将需要的图标加入购物车库,点击下载代码

(三)解压后,在src/asserts文件夹中创建icons文件夹,将下列文件copy中icons文件夹中

(四)在自己需要使用图标的地方引入

(五) 在模板中使用即可,如果不知道类,点击解压文件中html文件,里面有说明

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。