摘要: 12. AJAX与Axios框架 12.1 AJAX基础 12.1.1 AJAX简介 AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过AJAX,网页应用程序能够快速地与服务器进行异步通信,从而提高用户体验。 阅读全文
posted @ 2024-09-02 18:14 一生万物万物归一 阅读(58) 评论(0) 推荐(0)
摘要: 11. Vue组合式API 11.1 为什么要使用Composition API 11.1.1 一个Options API实例 在前面都是采用Options API(基于选项的API)来些一个组件,下面是一个实例 <template> num:{{ num }}<br> double:{{ doub 阅读全文
posted @ 2024-08-29 22:39 一生万物万物归一 阅读(89) 评论(0) 推荐(0)
摘要: 10. Vuex 10.1 Vuex简介 10.1.1 Vuex概述 Vuex 是 Vue.js 应用程序的状态管理模式 + 库。它作为中央存储库,用于管理应用程序中所有组件的状态,并以可预测的方式进行状态变更。Vuex 的设计理念是基于 Flux 架构,主要由以下几个核心概念组成: State(状 阅读全文
posted @ 2024-08-27 19:27 一生万物万物归一 阅读(37) 评论(0) 推荐(0)
摘要: 9. Vue-cli脚手架 9.1 搭建Vue-Cli脚手架 Vue-cli是一个官方提供的脚手架工具,用于快速搭建Vue.js项目。它集成了项目初始化、开发服务器、构建工具、代码检查等功能,使得开发者可以更高效地进行Vue.js应用的开发。 Vue-cli官网:https://cli.vuejs. 阅读全文
posted @ 2024-08-27 16:25 一生万物万物归一 阅读(47) 评论(0) 推荐(0)
摘要: 8. Vue可复用解决方案 Vue可复用方案是指在Vue.js项目中,通过创建可复用的组件、指令、插件等,来提高代码的复用性和可维护性常见的Vue可复用方案有:组件(Components)、指令(Directives)、插件(Plugins)、混入(Mixins)、高阶组件(Higher-Order 阅读全文
posted @ 2024-08-24 02:14 一生万物万物归一 阅读(29) 评论(0) 推荐(0)
摘要: 7. 动画与过渡 动画与过渡的区别: 过渡:主要用于简单的属性变化,从一个状态平滑过渡到另一个状态。 动画:可以定义复杂的关键帧序列,实现更为复杂和多变的动画效果。 7.1 动画 7.1.1 回顾CSS动画 <head> <meta charset="UTF-8"> <meta name="view 阅读全文
posted @ 2024-08-23 15:05 一生万物万物归一 阅读(47) 评论(0) 推荐(0)
摘要: 6.Vue生命周期 6.1 生命周期 6.1.1 生命周期图示 从图中可以看出,一个组件从被创建到最后被销毁,总共要经历8个过程: beforeCreate:实例创建前 created:实例创建完毕 beforeMount:DOM挂载前 mounted:DOM挂载完毕 beforeUpdate:数据 阅读全文
posted @ 2024-08-16 22:19 一生万物万物归一 阅读(43) 评论(0) 推荐(0)
摘要: 5.路由 5.1 Vue路由 5.1.1 Vue路由基础 Vue路由实例: <body> <div id="app"> <p> <!-- 这里使用router-link标签来实现路由跳转 --> <router-link to="/home">首页</router-link><br> <router 阅读全文
posted @ 2024-08-15 22:52 一生万物万物归一 阅读(39) 评论(0) 推荐(0)
摘要: 4.Vue组件 4.1 初始Vue组件 4.1.1 根组件 根组件的主要作用是: 初始化应用程序。 提供全局的状态管理或配置。 作为其他组件的容器,构建整个应用程序的组件树。 通过根组件,开发者可以控制应用程序的整体结构和行为,确保各个部分能够协同工作。 <body> <div id="app">< 阅读全文
posted @ 2024-08-09 21:32 一生万物万物归一 阅读(61) 评论(0) 推荐(0)
摘要: 3.Vue进阶 3.1 Vue方法、计算属性及监听器 3.1.1 computed 计算属性 computed用于定义计算属性,计算属性是基于他们的依赖关系进行缓存的,只有当依赖的数据发生变化时,计算属性才会重新计算。 数据不发生变化: <body> <div id="app"> {{ msg }} 阅读全文
posted @ 2024-07-29 21:58 一生万物万物归一 阅读(47) 评论(0) 推荐(0)