<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-…
Vue 网络框架axios
axios使用 npm install axios --save 功能特点: 在浏览器中发送 XMLHttpRequests 请求 在 node.js 中发送 http请求 支持 Promise API 拦截请求和响应 …
ES6 Promise异步,链式编程
Promise是异步编程的一种解决方案。 可以有效的避免回调地狱的问题 语法 new Promise是创建一个Promise对象 小括号中((resolve, reject) => {})也很明显就是一个函数，而且我们这…
vue-route 导航守卫和keep-alive
[toc] vue-route 导航守卫 https://router.vuejs.org/zh/guide/advanced/navigation-guards.html 什么是导航守卫 vue-router提供的导航…
vue-route基本使用
[toc] 路由介绍 路由（routing）就是通过互联的网络把信息从源地址传输到目的地址的活动. 路由器提供了两种机制: 路由和转送. 路由是决定数据包从来源到目的地的路径 转送将输入端的数据转移到合适的输出端. 路由…
Vue CLI介绍和安装
[toc] Vue CLI 介绍 CLI是什么意思? CLI是Command-Line Interface, 翻译为命令行界面, 但是俗称脚手架. Vue CLI是一个官方发布 vue.js 项目脚手架 使用 vue-c…
vue 组件化开发 slot插槽使用
[toc] slot是什么 slot翻译为插槽： 在生活中很多地方都有插槽，电脑的USB插槽，插板当中的电源插槽。 插槽的目的是让我们原来的设备具备更多的扩展性。 比如电脑的USB我们可以插入U盘、硬盘、手机、音响、键盘…
vue 组件化开发 父子组件访问数据
[toc] 父访问子-children-refs ref如果是绑定在组件中的, 那么通过this.$refs.refname获取到的是一个组件对象. ref如果是绑定在普通的元素中, 那么通过this.$refs.ref…
vue 组件化开发 父子组件传递数据
[toc] 介绍 在开发中，往往一些数据确实需要从上层传递到下层： 比如在一个页面中，我们从服务器请求到了很多的数据。 其中一部分数据，并非是我们整个页面的大组件来展示的，而是需要下面的子组件进行展示。 这个时候，并不会…