摘要：request.js import axios from 'axios' // config：就是请求对象，打印出来，可以看到包括 headers 等项 export function request(config) { // 1.创建axios的实例 const instance = axios.
阅读全文
摘要：一、Vuex是做什么的? （1）官方解释：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。 它采用 集中式存储管理 应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零
阅读全文
摘要：TabBar实现思路 mian.js import Vue from 'vue' import App from './App' import router from './router' Vue.config.productionTip = false new Vue({ el: '#app',
阅读全文
摘要：内容概述 什么是路由？ 后端路由阶段 前端路由阶段 URL的hash HTML5的history模式：pushState HTML5的history模式：replaceState HTML5的history模式：go 认识vue-router 安装和使用vue-router 创建router实例 挂
阅读全文
摘要：JavaScript原始功能 匿名函数的解决方案 使用模块作为出口 CommonJS export基本使用 导出函数或类 export default import使用 aaa.js var name = '小明' var age = 18 var flag = true function sum(
阅读全文
摘要：为什么使用slot 如何封装这类组件：slot slot基本使用 01-slot-插槽的基本使用.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <bod
阅读全文
摘要：父子组件的访问方式： $children、$refs 父子组件的访问方式： $children 父子组件的访问方式： $refs 组件访问-父访问子-children-refs.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="U
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!-- 【套路：1、通过自定义事件，把父组件的事件传给子组件； 2、在子组件中，通过this.$em
阅读全文
摘要：props基本用法 props数据验证 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <!--<cpn v-bind:
阅读全文
摘要：组件可以访问Vue实例数据吗? 组件数据的存放 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <cpn></cpn>
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <cpn1></cpn1> <cpn2></cpn2> </div> <
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <cpn2></cpn2> <!--<cpn1></cpn1>--> <
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <cpn></cpn> <cpn></cpn> <cpn></cpn>
阅读全文
摘要：组件化开发概述 内容 认识组件化 注册组件 组件其他补充 组件数据存放 父子组件通信 父级向子级传递 子级向父级传递 插槽slot 什么是组件化？ Vue组件化思想 注册组件的基本步骤 注册组件步骤解析 <!DOCTYPE html> <html lang="en"> <head> <meta ch
阅读全文
摘要：1.表单绑定v-model <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <input type="text" v-m
阅读全文
摘要：编程范式: 命令式编程、声明式编程 编程范式: 面向对象编程(第一公民:对象)，函数式编程(第一公民:函数) filter、map、reduce filter中的回调函数有一个要求: 必须返回一个boolean值 true: 当返回true时, 函数内部会自动将这次回调的n加入到新的数组中 fals
阅读全文
摘要：条件判断 v-if、v-else-if、v-else <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h2 v-if=
阅读全文
摘要：index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="style.css"> </head> <body>
阅读全文
摘要：v-for遍历数组 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <!--1.在遍历的过程中, 没有使用索引值(下标值
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h2>{{counter}}</h2> <!--<h2 v-bind:
阅读全文
摘要：什么是计算属性？ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h2>{{firstName + ' ' + las
阅读全文
摘要：v-bind介绍 前面我们学习的指令主要作用是将值插入到我们模板的内容当中。 但是，除了内容需要动态来决定外，某些属性我们也希望动态来绑定。 比如动态绑定a元素的href属性 比如动态绑定img元素的src属性 这个时候，我们可以使用v-bind指令： 作用：动态绑定属性 缩写： 预期：any (w
阅读全文
摘要：Mustache 如何将data中的文本数据，插入到HTML中呢？ 我们已经学习过了，可以通过Mustache语法(也就是双大括号)。 Mustache: 胡子/胡须. 我们可以像下面这样来使用，并且数据是响应式的 v-once 但是，在某些情况下，我们可能不希望界面随意的跟随改变 这个时候，我们就
阅读全文
摘要： 
阅读全文
摘要：你会发现，我们在创建Vue实例的时候，传入了一个对象options。 这个options中可以包含哪些选项呢？ 详细解析： https://cn.vuejs.org/v2/api/#%E9%80%89%E9%A1%B9-%E6%95%B0%E6%8D%AE 目前掌握这些选项： （1）el 类型：st
阅读全文
摘要：什么是MVVM呢？ 通常我们学习一个概念，最好的方式是去看维基百科(对，千万别看成了百度百科) https://zh.wikipedia.org/wiki/MVVM 维基百科的官方解释，我们这里不再赘述。 我们直接来看Vue的MVVM。 View层： 视图层 在我们前端开发中，通常就是DOM层，主要
阅读全文
摘要：Vue.js安装 使用一个框架，我们第一步要做什么呢？安装下载它 安装Vue的方式有很多： 方式一：直接CDN引入 你可以选择引入开发环境版本还是生产环境版本 <!-- 开发环境版本，包含了有帮助的命令行警告 --> <script src="https://cdn.jsdelivr.net/npm
阅读全文
摘要：git：分布式版本控制系统 1.版本控制系统 开发中我们把每一次的修改都有效的进行记录（记录成一个版本），后期如果需要回退到原有的某个版本或者是用当前的和某一个版本进行比较等，都可以有效的进行管理 常用的版本控制系统：SVN(集中式) 、git(分布式) 2.分布式版本管理系统的特点 3.Linux
阅读全文
浙公网安备 33010602011771号
