百里屠苏top - 博客园

2025年3月17日

摘要：一、vue3新特性 1.1 六大亮点二、组合API（setup） 2.1 ref或者reactive 1、创建项目 vue create vue-demo5 2、进入文件，启动服务。 3、 2.2 methods中定义的方法写在setup() 2.3setup()中使用props和context 阅读全文

posted @ 2025-03-17 15:22 百里屠苏top 阅读(38) 评论(0) 推荐(0)

No.66 Vue---vue状态管理（Vuex）

摘要：一、vue状态管理（Vuex）可以理解为组件与组件之间的数据管理。 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式+库。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。简单来说，状态管理可以理解成为了更方便的管理组件之间的数据交互，提阅读全文

posted @ 2025-03-17 12:07 百里屠苏top 阅读(81) 评论(0) 推荐(0)

No.66 Vue---Vue引入路由配置、路由传递参数、嵌套路由配置

摘要：一、Vue引入路由配置在Vue中，我们可以通过 vue-router 路由管理页面之间的关系 Vue Router 是 Vue.js 的官方路由。它与 Vue.js 核心深度集成，让用 Vue.js 构建单页应用变得轻而易举. 1.1 在vue中引入路由第一步：安装路由 npm install 阅读全文

posted @ 2025-03-17 10:05 百里屠苏top 阅读(205) 评论(0) 推荐(0)

2025年3月14日

No.65 Vue---Axios 网络请求、Axios 网络的请求封装、网络请求跨域解决方案

摘要：一、Axios 网络请求 Axios 是一个基于 promise 的网络请求库。 1.1 安装 ctrl + c :停止服务。安装：npm install -save axios 安装完启动原来的服务：npm run serve 1.2 引入局部引用： import axios from 'ax 阅读全文

posted @ 2025-03-14 16:13 百里屠苏top 阅读(110) 评论(0) 推荐(0)

No.64 Vue---vue引入第三方

摘要：一、Swiper 官网： https://www.swiper.com.cn/ https://swiperjs.com/vue 安装swiper: 创建一个组件：MySwiper.vue <template> <div class="hello"></div> <swiper> <swiper-s 阅读全文

posted @ 2025-03-14 11:04 百里屠苏top 阅读(7) 评论(0) 推荐(0)

No.63 Vue---Props组件交互、自定义事件组件交互、组件生命周期

摘要：一、Props组件交互组件与组件之间是需要存在交互的，否则完全没关系，组件的意义就很小了. Prop是你可以在组件上注册的一些自定义 attribute. 二、自定义事件组件交互自定义事件可以在组件中反向传递数据，prop可以将数据从父组件传递到子组件，那么反向如何操作呢，就可以利用自定义事件实阅读全文

posted @ 2025-03-14 10:21 百里屠苏top 阅读(46) 评论(0) 推荐(0)

2025年3月12日

No.62 Vue---组件基础

摘要：一、组件基础 1.1 单文件组件 Vue 单文件组件(又名*.vue文件，缩写为 SFC)是一种特殊的文件格式，它允许将 Vue 组件的模板、逻辑与样式封装在单个文件中. 1.创建一个组件 <template> <h3>zujian</h3> </template> <script> export 阅读全文

posted @ 2025-03-12 16:56 百里屠苏top 阅读(22) 评论(0) 推荐(0)

No.61 Vue---表单输入绑定

摘要：一、表单输入绑定你可以用 v-model 指令在表单 <input>、<textarea>及 <select>元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素，尽管有些神奇，但 v-model 本质上不过是语法糖。它负责监听用户的输入事件来更新数据，并在某种极端场景下进行一些特阅读全文

posted @ 2025-03-12 16:16 百里屠苏top 阅读(41) 评论(0) 推荐(0)

No.60 Vue---事件处理

摘要：一、事件处理 1.1 监听事件（添加事件）我们可以使用 v-on 指令 (通常缩写为 @ 符号)来监听 DOM 事件，并在触发事件时执行一些JavaScript。用法为v-on:click="methodName”或使用快捷方式 @click="methodName”. <template> <d 阅读全文

posted @ 2025-03-12 16:00 百里屠苏top 阅读(25) 评论(0) 推荐(0)

No.59 Vue---列表渲染

摘要：一、列表渲染 1.1 v-for 用 v-for把一个数组映射为一组元素。我们可以用 v-for 指令基于一个数组来渲染一个列表。 v-for 指令需要使用 item in items 形式的特殊语法，其中items 是源数据数组，而 item 则是被迭代的数组元素的别名。 <template> 阅读全文

posted @ 2025-03-12 15:07 百里屠苏top 阅读(22) 评论(0) 推荐(0)