- 一、前言vue项目启动后调用顺序: index.html → main.js → app.vue → index.js → components/组件 二、文件介绍项目创建好后，一般会生成三个文件：index.html、main.js、app.vue。index.html ：所有vue文件均以单页面形式开发，所有vue组件都是通过index.html进行渲染加载。main.js：相当于ja... 一、前言vue项目启动后调用顺序: index.html → main.js → app.vue → index.js → components/组件 二、文件介绍项目创建好后，一般会生成三个文件：index.html、main.js、app.vue。index.html ：所有vue文件均以单页面形式开发，所有vue组件都是通过index.html进行渲染加载。main.js：相当于ja...
- vue-组件「上」 定义一个组件将 Vue 组件定义在一个单独的 .vue 文件中，这被叫做单文件组件 (简称 SFC)：组件路径：src/components/Hello.vue<template> <div> <!-- 唯一根元素 --> <p>组件Hello的vue文件</p> </div> <!-- 下面不能同时再放div根元素 -->... vue-组件「上」 定义一个组件将 Vue 组件定义在一个单独的 .vue 文件中，这被叫做单文件组件 (简称 SFC)：组件路径：src/components/Hello.vue<template> <div> <!-- 唯一根元素 --> <p>组件Hello的vue文件</p> </div> <!-- 下面不能同时再放div根元素 -->...
- 插槽 Slots插槽内容：<slot>编译作用域后备内容具名插槽作用域插槽插槽不仅仅可以传递数据，还可以传递视图。插槽多用来封装一些组件，比如：type的切换组件。常用的组件都是用插槽来实现的。vue实现一套内容分发的API，插槽通过<slot>元素作为承载分发内容的出口。1.插槽组件不是以单标签形式结束，而是以双标签形式结束。2.组件内的内容，就是插槽。如果什么都不操作，对应的组件的内容... 插槽 Slots插槽内容：<slot>编译作用域后备内容具名插槽作用域插槽插槽不仅仅可以传递数据，还可以传递视图。插槽多用来封装一些组件，比如：type的切换组件。常用的组件都是用插槽来实现的。vue实现一套内容分发的API，插槽通过<slot>元素作为承载分发内容的出口。1.插槽组件不是以单标签形式结束，而是以双标签形式结束。2.组件内的内容，就是插槽。如果什么都不操作，对应的组件的内容...
- App.vue注释掉首页的文本内容，只剩下对应的图标即可。 <div class="wrapper"> <!-- <HelloWorld msg="You did it!day day up 自己更新" /> --> </div> </header> <main> <!-- <TheWelcome /> --> </main> 内容解析<script se... App.vue注释掉首页的文本内容，只剩下对应的图标即可。 <div class="wrapper"> <!-- <HelloWorld msg="You did it!day day up 自己更新" /> --> </div> </header> <main> <!-- <TheWelcome /> --> </main> 内容解析<script se...
- Vue - 表单的输入与绑定输入框输入文本，对应以前都是操作DOM树结构进行的绑定。现在学习了VUE不建议大家通过DOM树进行绑定获取数据。 需求一输入框输入文本，对应页面联动显示：<script>export default{ name: 'app', data(){ return{ username:"" } }}</script><template> <... Vue - 表单的输入与绑定输入框输入文本，对应以前都是操作DOM树结构进行的绑定。现在学习了VUE不建议大家通过DOM树进行绑定获取数据。 需求一输入框输入文本，对应页面联动显示：<script>export default{ name: 'app', data(){ return{ username:"" } }}</script><template> <...
- 《第九十五篇 Vue中的Ajax请求如何集成》 《第九十五篇 Vue中的Ajax请求如何集成》
- 《第九十二篇 列表功能知道吗》 《第九十二篇 列表功能知道吗》
- 《第九十一篇 v-on事件修饰符讲清楚》 《第九十一篇 v-on事件修饰符讲清楚》
- 大家好，我是雄雄。 前言省市区地址大家应该都不陌生吧，网上买个东西，得填地址。中午定个饭，得写地址；叫个货拉拉叫个跑腿，是不是也得写地址。但是选择地址的时候，不同场景下选择的范围不同，就像出门在外，根据所处的地域，回答别人“你是哪里的”的话也不一样。比如我是山西吕梁柳林县的，我到了县城，我的回答是：我是XXX镇的。我到了市里，我的回答是：我是XXX县的。我到了省城，我的回答则是：我是XXX市... 大家好，我是雄雄。 前言省市区地址大家应该都不陌生吧，网上买个东西，得填地址。中午定个饭，得写地址；叫个货拉拉叫个跑腿，是不是也得写地址。但是选择地址的时候，不同场景下选择的范围不同，就像出门在外，根据所处的地域，回答别人“你是哪里的”的话也不一样。比如我是山西吕梁柳林县的，我到了县城，我的回答是：我是XXX镇的。我到了市里，我的回答是：我是XXX县的。我到了省城，我的回答则是：我是XXX市...
- 一、前言Vue 原本有一个官方推荐的 ajax 插件 vue-resource，但是自从 Vue 更新到 2.0 之后，官方就不再更新 vue-resource。目前主流的 Vue 项目，都选择 axios来完成 ajax 请求，而大型项目都会使用 Vuex 来管理数据，所以这篇博客将结合两者来发送请求。Vuex 安装将不再赘述，可以参考之前的博客《Vue进阶（五）：与 Vuex 的第一次... 一、前言Vue 原本有一个官方推荐的 ajax 插件 vue-resource，但是自从 Vue 更新到 2.0 之后，官方就不再更新 vue-resource。目前主流的 Vue 项目，都选择 axios来完成 ajax 请求，而大型项目都会使用 Vuex 来管理数据，所以这篇博客将结合两者来发送请求。Vuex 安装将不再赘述，可以参考之前的博客《Vue进阶（五）：与 Vuex 的第一次...
- 大家好，我是雄雄。 前言相信大家在许多的场景下，看到过这样的案例。当我们在某购物app上看好一件商品，想分享给别人时，app会给我们生成一张海报，我们将其保存在手机里面转发给其他人达到分享。当我们逛CSDN的时候，想要将某篇有营养的文章分享给别人时，也会生成一张好看的海报，用户只需一扫码，既能跳转到相应页面浏览。在某些个人博客，比如：穆雄雄的博客中，我们看到某篇正合胃口的文章，想要分享给别人... 大家好，我是雄雄。 前言相信大家在许多的场景下，看到过这样的案例。当我们在某购物app上看好一件商品，想分享给别人时，app会给我们生成一张海报，我们将其保存在手机里面转发给其他人达到分享。当我们逛CSDN的时候，想要将某篇有营养的文章分享给别人时，也会生成一张好看的海报，用户只需一扫码，既能跳转到相应页面浏览。在某些个人博客，比如：穆雄雄的博客中，我们看到某篇正合胃口的文章，想要分享给别人...
- 大家好，我是雄雄。 前言昨天在改一个系统的时候遇到了个技能点，观察解决了好久，终于解决了，趁热打铁，今天来记录一下。这个系统是个个人博客，目前我也在使用，但是有个地方用的很不舒服。就是首页，源码的作者本意是让不断的下拉，滚动加载出文章。其实他的这种想法倒是也不错，但是问题有两个：如果有篇文章在第5页，那么我们得往下拉，直到滚动加载到了第5页，我们才会发现它。博客右边的内容，是自适应的，也就是... 大家好，我是雄雄。 前言昨天在改一个系统的时候遇到了个技能点，观察解决了好久，终于解决了，趁热打铁，今天来记录一下。这个系统是个个人博客，目前我也在使用，但是有个地方用的很不舒服。就是首页，源码的作者本意是让不断的下拉，滚动加载出文章。其实他的这种想法倒是也不错，但是问题有两个：如果有篇文章在第5页，那么我们得往下拉，直到滚动加载到了第5页，我们才会发现它。博客右边的内容，是自适应的，也就是...
- 教大家一次请求，上传多个文件。 ElementUI如果是默认方案，上传多张图片并不是真正的一次上传多张，而是发送多次请求，一次请求携带一张图片。 教大家一次请求，上传多个文件。 ElementUI如果是默认方案，上传多张图片并不是真正的一次上传多张，而是发送多次请求，一次请求携带一张图片。
- 编辑大家好，我是雄雄，欢迎关注微信公众号：雄雄的小课堂今天，记录一篇技术文章吧，也是解决了好久才解决掉的（说来也惭愧）。 涉及技术前端：vue，element ui后端框架：bladex其中后端涉及到的技术有：springboot,srping mvc,mybatis plus,shiro,SpringCloud等其实这个bladex封装的还是挺复杂的，有些地方你若是想在他的基础上扩展自己... 编辑大家好，我是雄雄，欢迎关注微信公众号：雄雄的小课堂今天，记录一篇技术文章吧，也是解决了好久才解决掉的（说来也惭愧）。 涉及技术前端：vue，element ui后端框架：bladex其中后端涉及到的技术有：springboot,srping mvc,mybatis plus,shiro,SpringCloud等其实这个bladex封装的还是挺复杂的，有些地方你若是想在他的基础上扩展自己...
- 大家好，我是雄雄，欢迎关注微信公众号：雄雄的小课堂。 前言今天整理个简单的功能，vue中的v-for如何限制遍历输出的数据，比如我想在一个存放10条数据的集合中只输出3条怎么写？只想从第四条开始输出到第10条结束再怎么写？ 效果image-20211107190700022大致说明一下：右边的器材安装数量排行就是按照前言中所说，因为前三名的背景图片是深蓝色的，往后的的都是浅蓝色的，于是就想了... 大家好，我是雄雄，欢迎关注微信公众号：雄雄的小课堂。 前言今天整理个简单的功能，vue中的v-for如何限制遍历输出的数据，比如我想在一个存放10条数据的集合中只输出3条怎么写？只想从第四条开始输出到第10条结束再怎么写？ 效果image-20211107190700022大致说明一下：右边的器材安装数量排行就是按照前言中所说，因为前三名的背景图片是深蓝色的，往后的的都是浅蓝色的，于是就想了...
上滑加载中
推荐直播
-
华为云码道Skill实战与极速交付，智能开发全链路实战2026/07/22 周三 19:00-21:00
王一男-华为云码道产品规划专家；李炎-华为云码道产品专家；姜浩-华为云HCDG核心组成员
直播深度解读华为云码道6月产品新特性，从Skill市场安装专家技能，带你零距离体验从需求，开发，审查，重构全链路闭环的开发过程。从零构建并交付一个完整项目，让您体验从代码提交到服务上线的“极速”之旅。
回顾中 -
聚开发者之力，创具身新未来2026/07/23 周四 15:00-17:00
张豪杰/程文/王军/刘新春/黄钦开 /张晓天
本次华为云具身智能开发平台CloudRobo培训面向具身智能开发者，带您全流程体验机器人本体R2C小时级接入、环境重建与轨迹生成仿真数据生产、PB级数据管理、数据评测、模型训推、强化学习和Benchmark一键评测等功能，并体验业界主流具身模型应用。
回顾中 -
用码道，让你的AI作品三步上朋友圈2026/08/04 周二 19:00-20:00
林华鼎-华为云AI开发者运营负责人
从入门 · 到做AI应用 · 到企业级开发。不教编程，只教用AI · 零代码、有产出、能带走、可炫耀 · 每课人人动手实操
回顾中
热门标签