课堂截图 为什么使用截图工具 在听课的过程中，有的时候老师操作的比较快，通过截图的方式将老师的操作保存下来，以便后期的操作。另外截图之后的图片也可以用于笔记的记录，在笔记当中最好采用图文并茂的方式，这样更加利于知识的回顾。 使用哪个截图工具 snipaste 免费 免安装，直接解压即可使用 可个性定制 截图工具的安装与配置 安装 直接解压即可使用 解压后鼠标双击Snipaste.ex
7 Vue3 7.1 了解Vue3 vue3官网地址 https://cn.vuejs.org/ vue3发布时间 2020年9月18日。 翻译： 今天，我们很自豪地宣布Vue.js 3.0“海贼王”正式发布。这个新的主要版本的框架提供了改进的性能、更小的捆绑包大小、更好的TypeScript集成、用于处理大规模用例的新API，以及为框架未来的长期迭代奠定了坚实的基础。 3.0版
路由route 6.1 传统web应用vs单页面web应用 传统web应用 传统web应用，又叫做多页面web应用：核心是一个web站点由多个HTML页面组成，点击时完成页面的切换，因为是切换到新的HTML页面上，所以当前页面会全部刷新。 单页面web应用（SPA：Single Page web Application） 整个网站只有一个HTM页面，点击时只是完成当前页面中组件的切换。属于页面
5 Vuex 5.1 vuex概述 vuex是实现数据集中式状态管理的插件。数据由vuex统一管理。其它组件都去使用vuex中的数据。只要有其中一个组件去修改了这个共享的数据，其它组件会同步更新。一定要注意：全局事件总线和vuex插件的区别： 全局事件总线关注点：组件和组件之间数据如何传递，一个绑定$on，一个触发$emit。数据实际上还是在局部的组件当中，并没有真正的让数据共享。只是数据传来
四、Vue与AJAX4.1 回顾发送AJAX异步请求的方式发送AJAX异步请求的常见方式包括：原生方式，使用浏览器内置的JS对象XMLHttpRequestconst xhr = new XMLHttpRequest()xhr.onreadystatechange = function(){}xhr.open()xhr.send()原生方式，使用浏览器内置的JS函数fetchfetch(‘url’
3 Vue组件化3.1 什么是组件传统方式开发的应用一个网页通常包括三部分：结构（HTML）、样式（CSS）、交互（JavaScript）传统应用存在的问题：关系纵横交织，复杂，牵一发动全身，不利于维护。代码虽然复用，但复用率不高。组件化方式开发的应用使用组件化方式开发解决了以上的两个问题：每一个组件都有独立的js，独立的css，这些独立的js和css只供当前组件使用，不存在纵横交错。更加便于维护
2 Vue核心技术2.1 事件处理2.1.1 事件处理的核心语法指令的语法格式：<标签 v-指令名:参数=”表达式”></标签>事件绑定的语法格式：v-on:事件名。例如鼠标单击事件的绑定使用v-on:click。绑定的回调函数需要在Vue实例中使用methods进行注册。methods可以配置多个回调函数，采用逗号隔开。绑定回调函数时，如果回调函数没有参数，( )可以省略
1 Vue程序初体验Vue是一个基于JavaScript（JS）实现的框架。要使用它就需要先拿到Vue的js文件。从Vue官网下载vue.js文件。1.1 下载并安装vue.js第一步：打开Vue2官网，点击下图所示的“起步”：第二步：继续点击下图所示的“安装”第三步：在“安装”页面向下滚动，直到看到下图所示位置：第四步：点击开发版本，并下载，如下图所示：第五步：安装Vue： 使用script标签
Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号
