vue项目引进iview库

最新推荐文章于 2019-05-30 16:07:00 发布
最新推荐文章于 2019-05-30 16:07:00 发布
阅读量325 收藏
点赞数
分类专栏： 前端框架vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40283784/article/details/86745857
版权

step1：

项目下安装iview

cnpm install --save iview

安装完成后你会看见自己的package文件多了一行代码：

也就是你的项目已经声明使用了iview的依赖。

step2：

在src目录下的main.js文件中引入iview的组件：

接下来你就可以使用iview的组件了。 

另注：本人寻大厂或潜力公司前端，node开发工作机会，base:上海，广州，深圳，杭州，有意请加微信lpd65790092

 

Lpd_Reason
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ribbon插件 在vuepress中的应用
qq_42250901的博客
01-15 1974
ribbon插件 在vuepress中的应用 ???? vuepress-plugin-ribbon-animation 项目地址：[http://www.zpzpup.com/blog] vue vuepress vuepress-theme-reco vuepress-plugin-ribbon 感谢各位大佬 ???? ???? 说明 放到开头，这里重点说明下，大家如果有啥问题咱就直接提‘lssues’吧，后面朋友遇到相同问题大家也可以参考 ???? 项目截图 ???? 项目配置也是很
vue项目配合iview使用
卮酒的博客
02-22 1157
1.新建项目,create适用于vue/cli 3 vue create 羡慕名称 2.选择想要的选项，或可保存为默认配置 3.安装使用ivew import iView form 'view-design' Vue.use(iView) 4.设置别名，新建vue.config.js const path = require('path') const resolve = dir => { return path.join(__dirname, dir) } // 项目部署基础 // 默认
【vue笔记系列第一篇】iview研习
lixianghai2010的专栏
03-20 202
一，弹出 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>iview example</title> <link rel="stylesheet" type="text/css" href="http://unpkg...
登录和菜单页样式（MVC5）
07-27
MVC5 登录功能和样式，主页菜单样式 . 样式bootstrap
vue项目demo（asp.net mvc5+vue2.5）
02-13
本项目是asp.net mvc5+vue2.5的项目，花了很长时间做的。 实现的功能如下： 1.不仅有vue的基本功能，而且设计到vue的组件功能。 2.实现了增删改查的功能，而且是一对多的。 3.后台使用了EF进行操作数据库，EF使用的是codeFirst 4.实现了分页的功能。 5.另外，本项目无论是前台还是后台都对代码进行了注释，使得项目非常容易理解，花了很长时间做的，麻烦给打5分好评，非常感谢。
开源干货！！！.NET Core + Vue.js(iview-admin) 通用动态权限(RBAC)管理系统框架[DncZeus]开...
测试0901-1
12-21 1187
DncZeus 前言 关于 DncZeus DncZeus = Dnc + Zeus "Dnc"--.Net Core 的缩写； "Zeus"--中文译为宙斯，是古希腊神话中的众神之王，奥林匹斯十二主神之首，统治宇宙万物的至高无上的主神（在古希腊神话中主神专指宙斯），人们常用“众神和人类的父亲”、“神王”来称呼他，是希腊神话诸神中最伟大的神。 DncZe...
在vue项目中引用Iview的方法
10-18
以上就是如何在Vue项目中引用Iview组件库的详细步骤。Iview为Vue开发者提供了一套高效便捷的中后台界面解决方案，通过引入Iview，可以大大提升开发效率，同时也能保证界面的美观与一致性。需要注意的是，由于本文...
vue2-iview2-admin:基于vue2和iview2的后台管理系统
03-11
vue2-iview2-admin是基于vue2 + iview2 + axios + webpack2为主要技术，开发的一个后台管理系统。 截图 登录界面登录进去之后的表格登录进去之后的echarts图表展示 表格表单展示 安装 可以有多种方法进行安装。 使用...
创建Vue项目以及引入Iview的方法示例
01-19
创建Vue项目 以及引入Iview 官方文档 # 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # 安装依赖，走你 $ cd my-project $ npm install...
vue-cli+iview项目打包上线之后图标不显示问题及解决方法
10-16
在开发基于Vue.js的项目时，常常会遇到各种问题，特别是在使用像iview这样的UI库进行打包上线后。本文主要关注的是一个常见的问题——图标不显示。这个问题在使用vue-cli和iview构建的项目中尤为突出，主要是由于...
.net mvc + vuejs 的项目结构
热门推荐
随记
08-15 1万+
.net项目结构： 程序目录结构： vue操作： 前提：安装npm ,vue,vue-cli 1、进入控制台窗口 2、进入程序目录 3、运行 vue init webpack webjs 生成webjs及其子目录 4、cd webjs 5、npm install 安装依赖包 6、修改vue配置文件： webjs/config/index.js ，内容：// see http:/
前端框架比较，Layui - iView - ElementUI
weixin_30677617的博客
03-26 3512
Layui 分为单页版和iframe版 单页版 　　　　通过将单页代码输出到div，不如要完整的html代码。 　　　　刷新页面后，依然能够记录上一次的页面。 　　　　此种方式不易于调试前端代码。 Iframe版 通过iframe的方式将加载另一个页面。需要完整的html代码，包括js代码。 ...
vue安装iview和配置
weixin_30432007的博客
05-30 1403
在命令行工具上输入：npm install iview --save　　等待安装完成。 在项目的src/main.js中添加三行代码引入iview 　　　　import iView from 'iview'　　　　import 'iview/dist/styles/iview.css' 　　　　Vue.use(iView) 如下图：然后便可以在任何页面上使用iview框架了。 ...
ASP.NET MVC - 定制属于你自己的ViewEngine
实践与分享
07-26 1万+
ASP.NET MVC出来这么久了，心中却又很多的疑惑：为什么所有的View都要放在Views目录下? 为什么Shared文件夹下面的页面可以被共享? 为什么Page既可以是*.cshtml，也可以是*.aspx?  其实上面的几个问题归结起来都是视图引擎的功效。 在传统的ASP.NET中，可能还没有ViewEngine的概念。因为在Web From里面，实现Page实现了IHttpHanld
使用.Net Core+IView+Vue集成上传图片功能
qq_39110534的博客
01-03 1007
使用.Net Core+IView+Vue集成上传图片功能 最近的项目里有上传图片的功能，当然这个功能在项目里是必须要有的，那么目前这个项目是使用完全的前后端分离，在选择文件上传的组件中还是选择了全面支持Vue的IView，任何上传图片都是通过HTTP请求，服务端从request中读，那么思路有了，直接创建webapi项目吧。 一般来说,在....
Asp.net web MVC5 + IVIEW + Vue.js + Require.js框架搭建
LoveLearnling的博客
02-25 4597
Mvc是近年比较流行的一种web开发模式 个人觉得MVC是一种简单易懂、高效的开发模式;关于开发模式还有MVVM, vue.js就是这种模式，这里就不讲什么是MVC、 MVVM了， 有兴趣可以百度了解一下。 主要用到的技术: Asp.net MVC 5 IView + Vue.js（这两者是完美搭档， IView：基于Vue.js的UI） require.js （按需加载js模块， 详解...
vue的项目demo（asp.net mvc5+vue2.5）
hello8hello的专栏
02-15 7974
本项目是asp.net mvc5+vue2.5的项目，用了挺长的时间进行摸索和研究，非常适合vue的初学者进行模仿和研究，可以举一反三对本项目进行扩展。 本项目前台显示是用vue2.5开发的，后台操作数据使用了mvc5的EF 页面实现的功能如下： 1.不仅有vue的基本功能，而且设计到vue的组件功能。        使用vue弹出层组件，添加和编辑都是在该组件中进行。       ...
iView 发布后台管理系统 iview-admin，没错，它就是你想要的
weixin_33782386的博客
10-18 914
简介 iView Admin 是基于 Vue.js，搭配使用 iView UI 组件库形成的一套后台集成解决方案，由 TalkingData 前端可视化团队部分成员开发维护。iView Admin 遵守 iView 设计和开发约定，风格统一，设计考究，并且更多功能在不停开发中。 没错，这就是大家期待已久的 admin 了，这么漂亮好用的系统，是不是可以给个 Sta...
vue3安装iview
最新发布
05-19
要在Vue3中安装iView，您需要执行以下步骤： 1. 安装iView UI库： ``` npm install iview@next --save ``` 2. 在Vue3项目的main.js中使用iView： ``` import { createApp } from 'vue' import App from './App.vue' import iView from 'iview' import 'iview/dist/styles/iview.css' const app = createApp(App) app.use(iView) app.mount('#app') ``` 3. 然后您就可以在您的Vue3组件中使用iView组件了。例如： ``` <template> <Button type="primary" @click="handleClick">点击我</Button> </template> <script> import { Button } from 'iview' export default { components: { Button }, methods: { handleClick() { console.log('按钮被点击了！') } } } </script> ``` 这样就完成了在Vue3中安装和使用iView的步骤。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值