前端框架Vue及element的概述与使用

               

目录

一.简单入门

 二.Vue常用指令详解

三.Vue的生命周期

 四.Element组件的介绍

五. Element组件的入门

---

 

 

前言：下面将介绍一个十分好用的前端框架Vue及依赖于该框架的Element组件

• Vue 是 一 套 前 端 框 架 ， 免 除 原 生 JavaScript 中 的 DOM 操 作 ， 简 化 书 写
• 基 于 MVVM(Model-View-ViewModel) 思 想 ， 实 现 数 据 的 双 向 绑 定 ， 将 编 程 的 关 注 点 放 在 数 据 上
• 官 网 ： https://cn.vuejs.org 

一.简单入门

1.新建Html页面，引入Vue.js文件

 

  2.在Js代码区域创建Vue核心对象，进行数据绑定

 

3编写视图

 二.Vue常用指令详解

指 令 ： HTML 标 签 上 带 有 v- 前 缀 的 特 殊 属 性 ， 不 同 指 令 具 有 不 同 含 义 。 例 如 ： v-if, V-for
常用指令：

注：若没有参数传递，则click后面的show方法可以不写括号. 

关于v-if与v-show使用的提示 

 

 v-if与v-show的区别

 

 

三.Vue的生命周期

 

 四.Element组件的介绍

•   Element: 是 饿 了 么 公 司 前 端 开 发 团 队 提 供 的 一 套 基 于 Vue 的 网 站 组 件 库 ，
• 用 于 快 速 构 建 网 页 组 件 ： 组 成 网 页 的 部 件 ， 例 如 超 链 接 、 按 钮 、 图 片 、 表 格 等 等 

五. Element组件的入门

 

以下为官网网址 

 Element - 网站快速成型工具

选择组件在侧边栏即可找到你需要的组件，然后复制代码添加即可。 

---

主题界面可定义设计按钮或者弹出框等的样式