Vue基础
一麻袋小猫
Put the glass down。
展开
-
vue keep-alive
使用:当组件需要频繁通过条件被切换时,可用。 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和 相似, 是一个抽象组件:它自身不会渲染一个 DOM 元素,也不会出现在组件的父组件链中。使用原因:主要用于保留组件状态或避免重新渲染。...原创 2021-03-25 11:27:12 · 94 阅读 · 0 评论 -
Vue
1.$messageif (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 · 291 阅读 · 0 评论 -
Vue基础思维导图
原创 2020-05-25 15:58:59 · 387 阅读 · 0 评论 -
Vue组件化开发脑图
原创 2020-05-25 15:57:09 · 837 阅读 · 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 · 188 阅读 · 0 评论 -
Vue路由
路由路由是一个比较广义和抽象的概念,路由的本质就是对应关系。在开发中,路由分为:后端路由根据不同的URL请求,服务器端返回不同的内容本质:URL请求地址与服务器资源之间的对应关系前端路由概念: 根据不同的用户事件,显示不同的页面内容本质:用户事件与事件处理函数之间的对应关系实现简易前端路由<!DOCTYPE html><html lang="en"&...原创 2020-04-26 17:00:09 · 150 阅读 · 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 · 251 阅读 · 0 评论 -
Vue前后端交互
前后端交互模式接口调用方式传统形式的URLRestful形式的URL前后端的交互模式主要是:前端通过ajax调用一个url地址,后台通过这个地址返回对应的数据,前端进行数据的渲染。异步调用异步效果分析:定时任务Ajax事件函数多次异步调用的依赖分析因为Ajax属于异步编程,所以它得到的结果的顺序是不确定的,所以如果要想得到有顺序的返回结果就需要嵌套。但是如果一直往里面...原创 2020-04-26 09:32:41 · 727 阅读 · 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 · 474 阅读 · 0 评论 -
Vue组件开发2
非父子组件间传值(兄弟)单独的时间中心管理组件间的通信监听事件与销毁事件触发事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body>...原创 2020-04-24 16:03:22 · 137 阅读 · 0 评论 -
Vue组件开发
组件化开发思想标准、分治、重用、组合组件化规范 Web Components(标准化组织制定的规范)我们希望尽可能多的重用代码自定义组件的方式不太容易多次使用组件可能导致冲突Vue部分实现了上述规范组件注册组件用法<div id="app"> <button-counter></button-counter> </div>...原创 2020-04-24 14:04:04 · 218 阅读 · 0 评论 -
Vue图书管理
数组的响应式:原创 2020-04-23 20:57:47 · 270 阅读 · 0 评论 -
Vue常用特性
常用特性概览表单操作自定义指令计算属性过滤器侦听器生命周期表单操作<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ padding: 0; ...原创 2020-04-23 16:57:28 · 150 阅读 · 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 · 139 阅读 · 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 · 265 阅读 · 0 评论 -
Vue
Vue基本使用步骤,Vue模板语法,事件绑定原创 2020-04-22 12:56:38 · 209 阅读 · 0 评论