摘要：复杂data的处理方式 认识计算属性computed 案例实现思路 实现思路一：模板语法 实现思路二：method实现 思路三的实现：computed实现 计算属性 vs methods 计算属性的缓存 计算属性的setter和getter 源码如何对setter和getter处理 01_三个案例的
阅读全文
摘要：列表渲染 v-for基本使用 v-for支持的类型 01_v-for的基本使用.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content
阅读全文
摘要：条件渲染 v-if、v-else、v-else-if template元素 v-show v-show和v-if的区别 01_条件渲染的基本使用.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta htt
阅读全文
摘要：v-on绑定事件 v-on的用法 v-on的基本使用 v-on参数传递 v-on的修饰符 08_v-on的基本使用.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-C
阅读全文
摘要：v-bind的绑定属性 绑定基本属性 01_v-bind的基本使用.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=e
阅读全文
摘要：methods方法绑定this 问题一：不能使用箭头函数？ https://mp.weixin.qq.com/s/hYm0JgBI25grNG_2sCRlTA； 问题二：this到底指向什么？ 事实上Vue的源码当中就是对methods中的所有函数进行了遍历，并且通过bind绑定了this： VSC
阅读全文
摘要：学习vue2还是vue3？ 目前需要学习Vue3吗？ Vue3带来的变化（源码） Vue3带来的变化（性能） 补充：Vue 的响应式原理中 Object.defineProperty 有什么缺陷？为什么在 Vue3.0 采用了 Proxy，抛弃了 Object.defineProperty？ 1、O
阅读全文
摘要：index.js // 这是导入组件的模块 // import Button from "./Button.vue"; // import Icon from "./Icon.vue"; // import ButtonGroup from "./ButtonGroup.vue"; const in
阅读全文
摘要：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:
阅读全文
浙公网安备 33010602011771号