百里屠苏top - 博客园

2025年3月31日

摘要： 1.创建views文件夹，然后在文件夹下创建index.vue 第二步：在index.js 中第三步：在APP .vue 中结果：阅读全文

posted @ 2025-03-31 21:44 百里屠苏top 阅读(106) 评论(0) 推荐(0)

摘要：一、DataV-Vue3 1.1 安装官网：https://datav-vue3.netlify.app/Guide/Guide.html npm install @kjgl77/datav-vue3 一、vite3构建Vue3项目 1.1 什么是Vite 1.2创建vite3项目第一步：新建一阅读全文

posted @ 2025-03-31 21:01 百里屠苏top 阅读(571) 评论(0) 推荐(0)

2025年3月25日

No.70 Vue---实践--我的网站

摘要：一、避坑指南 1.关于路径问题也不要使用绝对路径 <template> <div class="home">  <div class="signature"> <div class="signature-text"> <h4 id="hometitle1">在地图上绘制每阅读全文

posted @ 2025-03-25 17:46 百里屠苏top 阅读(28) 评论(0) 推荐(0)

2025年3月17日

No.69 Vue---加载Element—plus

摘要：一、Element elementui官网 1.1 安装 1.2 完整引用如果你对打包后的文件大小不是很在乎，那么使用完整导入会更方便第一步：在主文件中导入第二步去Element 官网复制代码去：粘贴到helloworld.vue中效果： 1.3 按需导入按需导入才是我们的最爱，毕竟在真阅读全文

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

No.68 Vue---vue3新特性

摘要：一、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 阅读(60) 评论(0) 推荐(0)

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

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

posted @ 2025-03-17 12:07 百里屠苏top 阅读(108) 评论(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 阅读(254) 评论(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 阅读(148) 评论(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 阅读(32) 评论(0) 推荐(0)

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

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

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