随笔分类 -  07-Vue全家桶

上一页 1 2 3
第五节：基础组件(Table、Pagination、Tree、Tag) 之 角色/权限管理
摘要：一. 基础组件 1. Table表格+Pagination分页 (1). 表格 最基本的表格数据结构也很简单，返回一个数组，然后和属性名对应即可。 <el-table :data="userlist" border stripe> <el-table-column type="index"></el 阅读全文
posted @ 2021-03-24 16:51 Yaopengfei 阅读(413) 评论(0) 推荐(0)
第九节：Vuex简介、基本使用、核心功能(State、Mutation、Action、Getter) 和 案例实战演练
摘要：一. Vuex简介/基本使用 1. 背景 传统的组件见的交互模式如下： (可参考：https://www.cnblogs.com/yaopengfei/p/12326466.html) (1). 父向子传值：v-bind 属性绑定 (2). 子向父传值：v-on 事件绑定 (3). 兄弟组件之间共享 阅读全文
posted @ 2021-03-23 21:19 Yaopengfei 阅读(413) 评论(0) 推荐(0)
第四节：基础组件(Breadcrumb、Card、Input、Dialog、Switch、Select、MessageBox) 之 用户管理
摘要：一. 基础组件 1. Breadcrumb 面包屑 (1). 效果图 点击，首页，跳转到首页。 (2). 代码分享 通过 separator-class="el-icon-arrow-right"设置分隔符，通过to属性，进行路由跳转对象，同 vue-router 的 to <el-breadcru 阅读全文
posted @ 2021-03-23 15:55 Yaopengfei 阅读(533) 评论(0) 推荐(0)
第三节：基础组件(Container布局、NavMenu导航) 之 系统主页面搭建
摘要：一. 基础组件 1. Container布局 (1). 我们采用如下图的布局形式，代码如下 代码分享： <el-container> <el-header>Header</el-header> <el-container> <el-aside width="200px">Aside</el-asid 阅读全文
posted @ 2021-03-22 16:16 Yaopengfei 阅读(996) 评论(0) 推荐(0)
第二节：基础配置(路由、less、静态资源、axios、ESLint)、基础组件(Form、Message) 之登录页面搭建
摘要：一.基础配置 1. 路由配置 (1). 创建项目，已经引入了Vue-Router，这里的版本为：3.2.0，并自动创建了router→index.js文件。 (2). 在index.js文件中： A. 导入vue、vue-router B. 导入其它子页面 C. 配置路由规则，默认进入/login登 阅读全文
posted @ 2021-03-19 20:27 Yaopengfei 阅读(473) 评论(0) 推荐(0)
第一节：项目初始化(ElementUI、axios)、Git版本管理、基本环境搭建
摘要：一. ElementUI简介/使用 1. 简介 Element，一套为开发者、设计师和产品经理准备的基于 Vue 的桌面端组件库 (1). 基于Vue2.x版本：https://element.eleme.cn/#/zh-CN (2). 基于Vue3.x版本：https://element-plus 阅读全文
posted @ 2021-03-10 14:51 Yaopengfei 阅读(939) 评论(1) 推荐(0)
第八节：Vue Cli简介/安装、两种Create项目的方式、相关配置说明
摘要：一. Vue Cli简介/安装 1. 简介 Vue Cli用于快速生产Vue项目的基础结构，也称为：Vue脚手架。它提供两种创建项目的方式：交互式命令行 和 图形化界面。 官网地址：https://cli.vuejs.org/zh/ 2. 安装 (1). 通过下面指令进行全局安装 npm insta 阅读全文
posted @ 2021-03-09 16:27 Yaopengfei 阅读(1046) 评论(1) 推荐(0)
第七节：Vuejs路由交互及后台系统路由案例
摘要：一. 简介 1.路由的概念 路由的本质就是一种对应关系，比如说我们在url地址中输入我们要访问的url地址之后，浏览器要去请求这个url地址对应的资源。那么url地址和真实的资源之间就有一种对应的关系，就是路由。 路由分为前端路由和后端路由: (1).后端路由是由服务器端进行实现，并完成资源的分发。 阅读全文
posted @ 2020-02-22 21:07 Yaopengfei 阅读(1489) 评论(2) 推荐(0)
第六节：前后端交互之axios用法及async异步编程
摘要：一. axios用法 参考： API文档: https://www.kancloud.cn/yunye/axios/234845 或者 https://axios-http.com/zh/docs/api_intro GitHub: https://github.com/axios/axios 其它 阅读全文
posted @ 2020-02-22 21:06 Yaopengfei 阅读(4243) 评论(1) 推荐(0)
第五节: 前后端交互之Promise用法和Fetch用法
摘要：一. Promise相关 1.说明 主要解决异步深层嵌套的问题，promise 提供了简洁的API 使得异步操作更加容易 。 2.入门使用 我们使用new来构建一个Promise Promise的构造函数接收一个参数，是函数，并且传入两个参数：resolve，reject，分别表示异步操作执行成功后 阅读全文
posted @ 2020-02-21 14:28 Yaopengfei 阅读(3692) 评论(1) 推荐(0)
第四节：Vuejs组件及组件之间的交互
摘要：一. 组件及其交互 1.组件的注册 (1).全局注册 Vue.component('组件名称', { }) 第1个参数是标签名称，第2个参数是一个选项对象。 选项参数包括 data:必须是一个function，然后要return，在return里面声明变量。 template: 用``符号包裹 me 阅读全文
posted @ 2020-02-18 15:40 Yaopengfei 阅读(1004) 评论(2) 推荐(0)
第三节：Vuejs常用特性2和图书案例
摘要：一. 常用特性2 1. 监听器 用watch来响应数据的变化, 一般用于异步或者开销较大的操作, watch 中的属性 一定是data 中 已经存在的数据!!! 当需要监听一个对象的改变时，普通的watch方法无法监听到对象内部属性的改变，只有data中的数据才能够监听到变化，此时就需要deep属性 阅读全文
posted @ 2020-02-16 08:53 Yaopengfei 阅读(552) 评论(1) 推荐(0)
第二节: Vuejs常用特性1
摘要：一. 常用特性 1. 表单元素 通过 v-model指令绑定 输入框、单选/多选框、下拉框、文本框 2. 表单域修饰符 (1) .number:转换成数值，如果输入的是非数字字符串时，无法进行转换 (2) .trim:自动过滤输入的收尾字符串，不能去除中间的空格 (3) .lazy:将输入input 阅读全文
posted @ 2020-02-13 13:23 Yaopengfei 阅读(560) 评论(1) 推荐(0)
第一节：Vuejs入门之各种指令
摘要：一. 简介 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 阅读全文
posted @ 2020-02-10 18:49 Yaopengfei 阅读(870) 评论(1) 推荐(0)

上一页 1 2 3