介绍

要想知道vue和elementui之间有啥关系,首先我们必须了解vue和elementui,只有对它们有所认识,才能更好的理解它们之间的关系。本文主要针对它们之间的关系做个简短的介绍。

1.vue简介

Vue 是一套用于构建用户界面的渐进式 JavaScript 框架 ,开发者只需要关注视图层, 它不仅易于上手,还便于与第三方库或既有项目的整合。是基于MVVM(Model-View-ViewModel 即:视图层-视图模型层-模型层)设计思想。提供MVVM数据双向绑定的库,专注于UI层面。

2.Element-Ui简介

element 是基于 vue 实现的一套不依赖业务的 UI 组件库,提供了丰富的PC端组件,减少用户对常用组件的封装,降低了开发的难易程度。

3.vue与Element-Ui的关系

1.Element-Ui是基于vue封装的组件库,简化了常用组件的封装,提高了重用性原则;

2. vue是一个渐进式框架,Element-Ui是组件库;

4.vue+Element-Ui的使用

第一步:安装vue-cli手脚架(注:前提是保证安装了nodejs,可通过打开cmd,输入 node -v,检查是否安装,命令行显示nodejs的版本,代表安装成功)

第二步:nodejs安装完成后使用命令安装 vue 和vue-cli,命令如下:

cnpm install vue

cnpm install vue-cli -g

注:-g 表示全局安装

第三步:初始化webpack,命令如下:

vue init webpack 项目名

第四步:初始化时根据提示填写,完成后即可安装element-ui,然后在index.js中引入全局注册即可,如下所示:

安装element-ui

cnpm install element-ui --save

index.js中引入全局注册

import ElementUi from 'elemet-ui'
import '@/theme-et/index.css'
Vue.use(ElementUi)

vue和elementui是什么关系 -九五小庞的更多相关文章

  1. WinMTR 网络测试工具-九五小庞

    WinMTR(建议优先使用) 百度下载工具 链接:https://pan.baidu.com/s/19ArKSTA2amsa4p6vHegDIQ 提取码:cy4y WinMTR是mtr工具在Windo ...

  2. PACS系统各个功能介绍--九五小庞

    PACS系统是HIS系统的重要组成部分,医生可在电脑上查看患者的医学影像报告. ■ 支持心电DICOM,心电图浏览和处理(显示格式.纸速.增益.滤波.测量等). ■ 支持MPR.CPR.MIP.SSD ...

  3. Oracle 11G R2安装说明 -九五小庞

    教程版本Oracle 11.2.0.1.0

  4. VMware安装Centos7 -九五小庞

    VMware安装Centos7超详细过程(图文) https://blog.csdn.net/babyxue/article/details/80970526 安装centos7的时候 启动会提示Pl ...

  5. 什么是Nginx -九五小庞

  6. Oracle错误 ora-12514 解决方法-九五小庞

    成功连到数据库上之后,查看listener状态:lsnrctl status status READY 状态,需要由非归档转为归档模式,故操作如下: 1.关闭数据库shutdown immediate ...

  7. oracle创建/删除 用户,表空间-九五小庞

    以下红色标示的都是可以修改的字段 可以按照如下顺序来创建表空间,创建用户,以及删除表空间,删除用户 查看oracle数据库已有的表空间路径 select name from v$datafile; 1 ...

  8. ORA-01033错误解决方案-九五小庞

    Microsoft Windows [版本 6.3.9600](c) 2013 Microsoft Corporation.保留所有权利. C:\Users\Administrator>sqlp ...

  9. oracle数据库备份 -九五小庞

    oracle数据库备份

  10. oracle数据库创建数据库实例-九五小庞

    oracle数据库创建数据库实例

随机推荐

  1. 一些软件、jar包下载链接、方法

    目录 jar包下载 dbutils C3P0 软件下载 TeamViewer 远程桌面 EV录屏 SublimeText 编辑器 feiQ 通信 文件共享 jdk 8u171 下载 jar包下载 db ...

  2. 自动安装node---auto_install_k8s_node.sh

    #!/bin/bash /usr/bin/yum install lrzsz wget vim -y cd /etc/yum.repos.d/ wget https://mirrors.aliyun. ...

  3. 鸿蒙NEXT(三):从TypeScript到ArkTS的适配详解

    @charset "UTF-8"; .markdown-body { line-height: 1.75; font-weight: 400; font-size: 15px; o ...

  4. FMEA方法,排除架构可用性隐患的利器

    极客时间:<从 0 开始学架构>:FMEA方法,排除架构可用性隐患的利器 FMEA 方法,就是保证我们做到全面分析的一个非常简单但是非常有效的方法. 1.FMEA 介绍 FMEA(Fail ...

  5. VS2019 配置libzmq-4.3.1

    1.下载libzmq-4.3.1 https://github.com/zeromq/libzmq/tags 2.解压并查看 3.编译 使用vs2019对其进行编译,点击libzmq.sln进入工程环 ...

  6. C# Environment.CurrentDirectory和AppDomain.CurrentDomain.BaseDirectory的区别

    Environment.CurrentDirectory 和 AppDomain.CurrentDomain.BaseDirectory 都是C#中用于获取当前应用程序的目录路径的方法,但是它们的用途 ...

  7. 安装Scikit-learn 0.24.2版本

    安装Scikit-learn 0.24.2版本 Anaconda 安装scikit-learn是0.19版本,目前最新版本是0.24.2,之前的版本与现在的版本之间差距还是比较大,因此有必要对scik ...

  8. Python单元测试标准库unittest简单学习

    1.背景 当需要测试较为复杂的module,class或者系统的功能时,如果一个一个的去测试就会显得很麻烦,如果每项测试又有一定的配置或者设置的话,比如每个测试都要新建一个对象之类的,那就更麻烦了.单 ...

  9. shell脚本加密软件shc

    一.简单介绍 shc是linux的一款加密脚本的插件,将shc放到系统的可执行目录下我们可以直接运行shc命令 二.shc的安装 [root@disk ~]#yum install gcc -y [r ...

  10. [CF878E]Numbers on the blackboard

    E - Numbers on the blackboard 最后的答案肯定为\(\sum_{l\leq i\leq r} 2^{p_i}\times a_i\) 然后这个\(p\)满足以下限制: \( ...