摘要：
1、组件化编码流程（通用） 1.1 思路 1） 实现静态组件： 抽取组件，使用组件实现静态页面效果 2） 展示动态数据： 数据的类型、名称是什么？ 这里选用数组包含对象的形式 名称：todos todos:[ {id:'001',title:'吃饭',done:"true"}, {i 阅读全文
摘要：
1、脚手架（Vue CLI == > command line interface 命令行接口） 1.1 初始化脚手架 1.1.1 说明 Vue 脚手架是 Vue 官方提供的标准化开发工具（开发平台）。 最新的版本是 4.x。 （**一般脚手架平台选择的都是4.x（会向下兼容） ，注意这里与Vue的 阅读全文
摘要：
1、xhr ，鼻祖，但是麻烦 2、jqurey，主要是对dom操作的封装， 3、axios 4、fetch 主要存在兼容性问题，而且得then两次才行 如果xhr废弃了，jquery以及axios都不能用了 解决跨域的几个方法 1、如果使用cors，服务器添加几个特殊的响应头，当浏览器看到这个，表明 阅读全文
摘要：
1、动画效果 使用<transition name="hello" appear> </transition> 将所需要做动画的元素包裹起来 该元素会将以hello开头的类添加在被包裹的元素中 在做动画的时候，在控制台中看不到transition标签 属性： name="hello"：如果添加该 阅读全文
摘要：
1、编辑案例 不建议改props，但是props为对象和数组的时候，修改里面的值不会报错 添加hasOwnProperty属性时出现报错，可以选择使用in 或者Object.prototype.hasOwnProperty.call(todo, "isEdit") 当然这里可以把isEdit直接放在 阅读全文
摘要：
1、全局事件总线（GlobalEventBus） 不是新的API 是程序员在开发过程中总结的经验 实现了各个组件之间的通信 1.1 设计思路 1） 需求 假设D组件要传送数据给A组件 子传数据给父，回调函数在父中 2） 对x的要求 必须得保证每个组件都能看得到它 x身上必须有$on $off $em 阅读全文
摘要：
1、浏览器本地存储【复习】 localStorage与sessionStorage的区别： localStorage 页面刷新之后本地存储的数据还在 sessionStorage 页面刷新之后存储的数据不存在，生命周期就是页面打开与关闭期间 安装的插件等，它们也可以往本地存储、会话存储里面放 阅读全文
摘要：
1、内置指令 我们学过的指令： v-bind : 单向绑定解析表达式, 可简写为 :xxx v-model : 双向数据绑定 v-for : 遍历数组/对象/字符串 v-on : 绑定事件监听, 可简写为@ v-if : 条件渲染（动态控制节点是否存存在） v-else : 阅读全文
摘要：
1、引入生命周期 生命周期： 1.又名：生命周期回调函数、生命周期函数、生命周期钩子。 2.是什么：Vue在关键时刻帮我们调用的一些特殊名称的函数。 3.生命周期函数的名字不可更改，但函数的具体内容是程序员根据需求编写的。 4.生命周期函数中的this指向是vm 或 组件实例对象。 阅读全文
摘要：
1、对组件的理解 2、非单文件组件 非单文件组件指的是：一个文件中包含多个组件 该文件是以html为后缀的 单文件组件：一个文件包含一个组件 该文件是以vue为后缀的 2.1 组件的基本使用 为什么组件中的data用函数式的形式呢？ **因为函数每次执行的时候，都是重新去执行该函数，每次都是全新的， 阅读全文
摘要：
1、条件循环 1.v-if 写法： (1).v-if="表达式" (2).v-else-if="表达式" (3).v-else="表达式" 适用于：切换频率较低的场景。 由于它是在DOM界面中添加或者删除一个节点，因此就会存在效率降低的问题 特点：不展示的DOM元素直接被 阅读全文
摘要：
1、收集表单数据 若：<input type="text"/>，则v-model收集的是value值，用户输入的就是value值。 若：<input type="radio"/>，则v-model收集的是value值，且要给标签配置value值。 若：<input type="check 阅读全文
摘要：
1、官方使用指南 学习——教程、API（Vue字典）【很重要】 风格指南——如何优雅的写Vue 生态系统——工具、核心插件 【重要】 AwesomeVue——里面有很多不错的库，都是官方推荐的 浏览和Vue相关的包，跟上面一样 2、初识Vue 2.1 初识Vue： 1.想让Vue工作，就必须创建 阅读全文
摘要：
1、计算属性 1.1 计算属性案例 data中的属性都会放在vue实例中，可以通过this所访问 <body> <!-- 准备好一个容器--> <div id="root"> 姓：<input type="text" v-model="firstName"> <br/><br/> 名：<input 阅读全文
摘要：
1、class样式 写法:class="xxx" xxx可以是字符串、对象、数组。 字符串写法适用于：类名不确定，要动态获取。 对象写法适用于：要绑定多个样式，个数不确定，名字也不确定。 数组写法适用于：要绑定多个样式，个数确定，名字也确定，但不确定用不用。 <!-- 准备好一个容器 阅读全文
摘要：
第一章：Axios中的AJAX【常用】 1.1 发送请求 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial 阅读全文
摘要：
第一章 jQuery中的AJAX jquery 网址可以去 bootcsdn中查找 1.1 get、post请求 $.get(url, [data], [callback], [type]) url: 请求的URL地址 data: 请求携带的参数 callback: 载入成功时回调函数 type：设 阅读全文
摘要：
第一章：fetch函数的AJAX【重点】 1.1发送请求 fetch() 方法用于发起获取资源的请求。它返回一个 promise，这个 promise 会在请求响应后被 resolve，并传回 Response 对象。如果网络请求超时或者异常将会执行erro，或者.catch()函数 期约可以连续打 阅读全文
摘要：
第一章： 跨域 1、 同源策略 同源策略（Same-Origin Policy）最早由 Netscape 公司提出，是浏览器的一种安全策略。 同源（同一个来源）：协议、域名、端口号 必须完全相同 ==> 比如http://127.0.0.1:3000，后面的/server、/data等可以不同 违背 阅读全文
摘要：
AJAX的学习笔记(Node.js环境) AJAX学习的笔记，主要环境为Node.js 课程地址： https://www.bilibili.com/video/BV1WC4y1b78y 第一章： 原生Ajax 1.1 Ajax简介 1、介绍 Ajax全称为Asynchronous Javascri 阅读全文