随笔分类 -  Vue

vue+elementUI 实现内容区域高度自适应
摘要：步骤很简单： 通过动态绑定属性给<el-main></el-main>绑定高度，而高度通过 innerHeight 获取，减去你的头部和底部高度，剩下的就是整个内容区域的高度了！话不多说，上代码 //defaultHeight是绑定的属性 <el-main :style="defaultHeight 阅读全文
posted @ 2020-08-27 15:31 认真对待世界的小白 阅读(12672) 评论(1) 推荐(4)
webpack4
摘要：webpack 其实就是一个 JavaScript 应用程序的静态模块打包器。 webpack 有什么作用？ 模块化打包：webpack 会将项目的资源文件当成一个一个模块，模块之间会有依赖关系。webpack 将会对这些有依赖关系的文件进行处理，让浏览器能够识别，最后将应用程序需要的每个模块打包成 阅读全文
posted @ 2019-11-24 17:34 认真对待世界的小白 阅读(372) 评论(0) 推荐(0)
vue-router 导航守卫
摘要：导航完成之前获取参数 阅读全文
posted @ 2019-06-09 16:04 认真对待世界的小白 阅读(372) 评论(0) 推荐(0)
Vue 在同级组件中传值（$emit、$on 的使用）
摘要：利用 bus 总线机制（发布订阅模式/观察者模式） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="app"> <dom-a></dom-a> 阅读全文
posted @ 2019-06-09 16:04 认真对待世界的小白 阅读(2868) 评论(0) 推荐(0)
v-for 中的 key
摘要： 阅读全文
posted @ 2019-06-09 16:03 认真对待世界的小白 阅读(153) 评论(0) 推荐(0)
Vue 中使用 Axios
摘要：Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中 先看一个简单示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> 阅读全文
posted @ 2019-06-08 15:37 认真对待世界的小白 阅读(818) 评论(1) 推荐(0)
Vue Router
摘要：Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面 SPA（Single Page Application）应用变得易如反掌。 什么是路由？ 请看下面这个例子：通过 ajax 请求，更新页面局部内容 那 Vue Router 能干什么？ 它能使 阅读全文
posted @ 2019-06-08 15:26 认真对待世界的小白 阅读(818) 评论(0) 推荐(0)
Vue 获取DOM元素
摘要：获取DOM元素 给DOM元素添加事件的特殊情况 阅读全文
posted @ 2019-06-05 23:39 认真对待世界的小白 阅读(5270) 评论(0) 推荐(0)
Vue 组件的生命周期
摘要：组件的生命周期 阅读全文
posted @ 2019-06-04 22:58 认真对待世界的小白 阅读(3483) 评论(0) 推荐(0)
Vue 过滤器/watch/computed
摘要：过滤器 watch computed 阅读全文
posted @ 2019-06-03 18:22 认真对待世界的小白 阅读(402) 评论(0) 推荐(0)
Vue 具名插槽
摘要：具名插槽 阅读全文
posted @ 2019-06-03 18:13 认真对待世界的小白 阅读(462) 评论(0) 推荐(0)
Vue 全局组件的使用
摘要：全局组件的使用 阅读全文
posted @ 2019-06-03 18:12 认真对待世界的小白 阅读(1516) 评论(0) 推荐(0)
Vue 父组件和子组件相互通信
摘要：父组件通信到子组件 通过事件向父组件发送消息 阅读全文
posted @ 2019-06-03 13:13 认真对待世界的小白 阅读(534) 评论(0) 推荐(0)