Vue基础
关注
分享
扫一扫
一麻袋小猫
Put the glass down。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue keep-alive
使用：当组件需要频繁通过条件被切换时，可用。 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 相似， 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在组件的父组件链中。 使用原因：主要用于保留组件状态或避免重新渲染。 ...原创 2021-03-25 11:27:12 · 141 阅读 · 0 评论 -
Vue
1.$message if (res.meta.status !== 200) return this.$message.error('获取用户列表失败!') } //这个this.$message 等价于Vue.prototype.$message 都封装在组件库中，只要是Vue实例都可以调用 //是一个挂载在顶级的对象 2. v-table索引列的添加 只需要在v-table下添加： 3.el-switch的使用（插槽作用域的使用） <el-table-column lab原创 2020-06-02 07:33:02 · 375 阅读 · 0 评论 -
Vue基础思维导图
原创 2020-05-25 15:58:59 · 454 阅读 · 0 评论 -
Vue组件化开发脑图
原创 2020-05-25 15:57:09 · 915 阅读 · 1 评论 -
vue-router案例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>基于vue-router的案例</title> <style type="text/css"> html, body, ...原创 2020-04-27 17:48:27 · 230 阅读 · 0 评论 -
Vue路由
路由 路由是一个比较广义和抽象的概念，路由的本质就是对应关系。 在开发中，路由分为： 后端路由 根据不同的URL请求，服务器端返回不同的内容 本质：URL请求地址与服务器资源之间的对应关系 前端路由 概念： 根据不同的用户事件，显示不同的页面内容 本质：用户事件与事件处理函数之间的对应关系 实现简易前端路由 <!DOCTYPE html> <html lang="en"&...原创 2020-04-26 17:00:09 · 200 阅读 · 0 评论 -
Vue前后端交互2
axios用法（接口调用方法） 是专门的js库，用来实现接口调用，比fetch API更加强大 是一个基于Promise基于Promise用于浏览器和node.js的HTTP客户端 它有以下特性： 支持浏览器和node.js 支持promise 能拦截请求和响应 自动转换JSON数据 axios的基本用法 通过get发送请求，通过then获取数据 axios.get('http://localh...原创 2020-04-26 13:21:47 · 314 阅读 · 0 评论 -
Vue前后端交互
前后端交互模式 接口调用方式 传统形式的URL Restful形式的URL 前后端的交互模式主要是：前端通过ajax调用一个url地址，后台通过这个地址返回对应的数据，前端进行数据的渲染。 异步调用 异步效果分析： 定时任务 Ajax 事件函数 多次异步调用的依赖分析 因为Ajax属于异步编程，所以它得到的结果的顺序是不确定的，所以如果要想得到有顺序的返回结果就需要嵌套。但是如果一直往里面...原创 2020-04-26 09:32:41 · 783 阅读 · 0 评论 -
Vue购物车案例(重点)
本例采用组件化的方式实现业务需求 功能实现步骤： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .container...原创 2020-04-24 17:10:44 · 527 阅读 · 0 评论 -
Vue组件开发2
非父子组件间传值（兄弟） 单独的时间中心管理组件间的通信 监听事件与销毁事件 触发事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> ...原创 2020-04-24 16:03:22 · 206 阅读 · 0 评论 -
Vue组件开发
组件化开发思想 标准、分治、重用、组合 组件化规范 Web Components（标准化组织制定的规范） 我们希望尽可能多的重用代码 自定义组件的方式不太容易 多次使用组件可能导致冲突 Vue部分实现了上述规范 组件注册 组件用法 <div id="app"> <button-counter></button-counter> </div> ...原创 2020-04-24 14:04:04 · 276 阅读 · 0 评论 -
Vue图书管理
数组的响应式：原创 2020-04-23 20:57:47 · 313 阅读 · 0 评论 -
Vue常用特性
常用特性概览 表单操作 自定义指令 计算属性 过滤器 侦听器 生命周期 表单操作 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ padding: 0; ...原创 2020-04-23 16:57:28 · 196 阅读 · 0 评论 -
Vue模板语法2
属性绑定 this.msg = event.target.value; 使用输入域中最新的数据覆盖原来的数据 样式绑定 class样式处理： 对象绑定和数组绑定可以结合使用 class绑定的值可以简化操作 默认的class会保留 style样式处理： 分支结构 v-show的原理：控制元素样式是否显示 类似于display:none or block 循环结构 tab栏案例(声明式...原创 2020-04-22 17:36:40 · 187 阅读 · 0 评论 -
简单计算器案例
需求 实现简单的加法计算，分别输入数值a和数值b，点击计算按钮，结果显示在下面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <di...原创 2020-04-22 13:10:25 · 326 阅读 · 0 评论 -
Vue
Vue基本使用步骤，Vue模板语法，事件绑定原创 2020-04-22 12:56:38 · 251 阅读 · 0 评论