vue中appvue 面包屑 路由条怎么做的

项目vue2.0仿外卖APP(六)
goods 商品列表页开发
除了商品之外还有购物车,还有个详情页,挺复杂的。
两栏布局:左侧固定宽度,右侧自适应,还是用flex。
因为内容可能会超过手机高度,超过就隐藏。左右两侧的内容是可以上下滚动。
good.vue:
为了兼容性问题呢,设置flex之后还设置了宽度,使得在不兼容flex的浏览器也能有80px的宽:
外壳就是这样了:
开始填内容了
同样的,我们还是利用vue-resource这个技术去拿到数据,获取goods数据:
goods需要用data去绑定,因为后面需要用到goods的数据在DOM上,需要添加getter,setter
也就是一开始这个goods为空,然后通过vue-resource获取。
左侧menu布局
还有个type字段,跟上一节的support是相似的。
接着写样式:
我们看到:
这里有一个需求,它需要垂直居中,那多行的怎么办呢?用table,table是垂直居中最好的布局。
右侧食品列表布局
食品列表是跟分类是有对应关系的,每一个分类有对应的标题,还有分类下所有的商品,这个商品有可能是数组。
关于右侧列表食品的标题样式
食品样式,因为图片右边的文字介绍的宽度是自适应的,所以还是会用到flex布局。
在每一个内容里面都有1像素,但是最后的元素是没有1像素的,所以应该去掉
在mixin.styl里:去掉1像素
在goods.vue
因为上下两个item中体格的向下margin跟另一个向上margin会重合,所以这里还要设置padding:
但是在最后一个的话它就会有显示了,所以要置为0:
接下来就来让这两块滚动
better-scroll运用
inspired by iscroll, and it has a better scroll perfermance
作者为什么重写呢?因为iscroll已经很久没人维护了,bug也没人修复。
同样在package.json引入
因为这个库需要获取DOM,所以用vue2.0中的ref属性。
这里ref属性用的是等于号。
测试一下:
定义_ini()这样一个方法并且打印出来,执行就成功了。
这时可以查看元素:
已经添加一些样式了,但是还不能滚动,为什么呢?因为它在计算高度的时候,当我们去初始化这个BScroll的时候,它的DOM在vue更改数据的时候会跟着做映射,但实际上vue在更新这个DOM的时候是一个异步的,在回调里面更新,所以这里虽然改变了数据,但是DOM仍然没有变化,这是去初始化它的时候对它高度的计算就会有问题,所以这里需要用vue一个接口:
这样就可以滚动了。原理就是获得高度数据之后跟wrapper的高度作比较,大于就可以滚动。
接下来就是右边滚动时左边有高亮。
我们依赖的就是右边滚动的时候实时变化的Y值,也就是纵坐标。Y轴落到哪个区间左边就对应哪个区间。
要知道Y值落在哪个区间,就要知道每个区间的高度。
首先先计算整体区间的高度:用数组记录各个区间的高度,记录之后在监听这个滚动的时候能实时拿到这个Y坐标,然后去对比这个坐标落到那个区间,然后就可以得到当前左侧高亮的索引值是多少,然后在利用vue的class绑定把这个高亮的效果给写出来。
计算右侧索引的高度:
就在拿到数据后边去计算:
定义一个方法,这个方法用一个变量去存它,它是一个数组,是Y轴累加的过程
可以添加一个class:food-list-hook,用来被JS选择。
let foodList = this.$refs.foodsWrapper.getElementsByClassName('food-list-hook');
第一个先存height=0,然后在累加每个区间
然后再实时拿到当前右侧的Y值,跟左侧索引做一个映射
定义一个变量:scrollY,并且跟踪它:
scrollY的变化就很简单。利用better-scroll的一个事件接口。
滚动的时候实时拿到这个scrollY:
接下来就要跟左侧做映射:
就要用到vue的计算属性
获取当前索引
设置样式,当currentIndex等于index是就设置样式,class=current:
接下来再实现左侧的点击功能
需要加一个click属性。
为了让移动端和PC端点击一样(PC端会触发两次)
这样就满足了:因为那个event的属性在PC端是没有的,这样就不用执行两次了。
当我们在写vue的开发应用的时候,遇到了某些好原生的库做交互的时候要注意几个点:
1、通过定义ref这个属性去访问到DOM,就可以拿到它了
2、this.$nextTick()这个借口:当我们想要去计算跟一些DOM相关的东西的时候,我们一定要把这个DOM渲染在里面,因为在VUE里面,虽然说DOM是数据的自然映射(改变数据就改变DOM),但是DOM真正发生变化其实是在nextTick这个回调函数后。所以在操作原生DOM的时候一定要调用这个借口。
这个会有多种状态。比如购买的话购物车的图标会亮,超过20元的话20元起送的区块会亮。
接下来我们就来创建一个购物车组件shopcart.vue :
然后在引入到good.vue组件,并在component注册
这样就可以写入了&shopcart&&/shopcart&
可以在查看元素看到shopcart这个组件:
接下来就来开发它的布局
可以看到,购物车右边content-right的宽度是固定的,左边content-left的宽度是自适应的。所以还是用flex布局。
因为购物车会一直在底部,所以要fixed定位,shopcart还要设置z-index,因为会有多层。
购物车图标Logo-wrapper这个区块会超出,所以需要设置宽高和定位,而且这里的box-sizing: border-box,还要设置个background: #141d27才看得到。
这里有个细节:就是class=&price&这个元素居中使用的是:
margin-top: 12px
line-height: 24px
为什么不直接用line-height呢?因为这个price后面还有一个间隔线,需要用margin。
class=desc元素中的配送费是从父组件传过来的,所以在good.vue初始化shopcart组件时可以传入一些参数。传个配送费和起送费
这样就可以在shopcart.vue用了
但是还是报错了:
是因为我们要在外层的app.vue中传入seller数据,这样我们才可以在goods.vue组件获得这个seller
这样问题就解决了。
但是呢,这里的数据没有显示:
这是因为我们还要在shopcart.vue接受这个seller,否则是没有用的
这样数据就是通过一层层地传递,通过router-view把seller传到goods.vue组件,再由good.vue再把seller穿戴shopcart.vue组件,shopcart.vue拿到这个变量就可以用了。
还有个&起送价&的区块
这样基础样式就搞定了:
接下来就要给购物车添加状态,这些状态是对选择商品有一个映射。这里选择多少商品也是通过props去获取父组件的数据,毕竟你是在父组件选择商品的而不是在购物车选择商品的
这里的default就是个函数了。因为在vue.js里面,如果props是一个Array或者Object,default就需要是一个函数。
计算总价:
这样就可以了。
再给它写入一些数据测试一下:
接下来还有为购物车的状态添加一些样式
所有这些状态变化都是与selectFoods的数据相关的,比如:
再添加一些值,购物车就会变化:
这里照样还是要计算,先计算一个totalCount,表示所有商品的总和。就是对selectFoods里面拿到的count做累加。
这时候需要在模板里面再写一个div来显示这个totalCount:
接着:购物车的totalCount大于0时就会高亮:
还有price也要加高亮,跟上面相似。
这里还有一个细节:购物车清空的话,上面的小红标也要去掉,这里需要加v-show:
还有右边的content-right
它有三种状态,当没有商品的时候,它是初始状态;接着选了商品之后是显示还差多少元起送;最后达到起送价是显示高亮&去计算&。
这里依然用计算属性去描述它
补充:ES6对字符串的拼接有个扩展,就是用&&` &,引号反过来写。
接下来就是样式了
还需要绑定class,因为这里有两个状态,所以这里可以绑定一个变量。一个是起送价还没到的原始状态,另一个是商品价格超过起送价的高亮状态:
并且计算属性:
这样就完成了&,这个过程都在围绕父组件传过来的selectFoods进行状态变化,这里vue数据驱动确实带来很多方便。
接下来就要添加按钮了,因为项目中多次用到,所以也要抽象成一个组件cartcontrol.vue
这个按钮是和商品有关联的,也有个数。所以这个cartconcontrol组件要接受一个数据。也就是说,我们调用这个购买组件的时候,要传入关联的food,因为我们去给它增加和删除都是关联它的个数food.count.
在good.vue引入组件。
有的按钮有时是不会显示的,比如food.count为0的时候,减号按钮和数值不会显示:
在goods.vu e组件中,我们还要给它包装一层div,因为还得设置样式呢。而且还要把food对象传入
可以在查看元素里面看到很多对象。
接下来添加样式:
有个技巧性东西,就是因为按钮很小,所以我们来增加padding,让它的点击区域变大,增加用户体验。
在goods.vue组件添加样式
接下来写逻辑:点击加好food.count会加1,并且减号和数字显示
但是这样点击会没有响应,因为我们这个addCart是在food-wrapper面板里面,那这个面板是使用better-scroll插件,这个在移动端点击的话需要给他在初始化better-scroll的时候传一个参数。这就需要在goods.vue组件添加click:true
同样的,这样点击的话在PC端也会点击一次又两次响应。
所以还是老办法,通过event去判断
这样就只有一次了。
但是页面上的减号却没有出来。这其实是vue.js的一个特性,也就是说当我们去给一个观测对象添加一个它不存在的字段的时候(比如food.count),我们这样直接赋值是不可以的,它是检测不到增和减的变化的。所以在新增和删除某个字段的时候,我们想要它观察到这个变化,我们就需要用一个接口,先cartcontrol.vue引入全局的vue。
然后就用vue.set这个接口,这样就能被观测到
数字的样式:
接下来实现减的逻辑
这样就搞定了
现在把按钮和购物者关联起来
当我们使用cart按钮时,修改的是food.count属性,这里的food是父组件传过来的对象
当我们更这个对象增加属性(count),也就修改对象本身,它就会影响父组件good.vue。在调cart的时候需要传selectFood
就是去遍历,然后获得foods,这个foods是什么呢?
然后点击加号,就会有
就是先把foods清空,然后在遍历全部商品,再将得到的商品分组继续遍历,将有选择的加入到foods数组,这样再把foods数据传给shopcart.vue
这里的foods数组中的每一项都是一个完整地food对象,所以不仅仅包括price和count。
总之,这个过程就是将shopcart组件和cartcontrol组件的数据结合起来。 计算属性selectFoods观测goods对象,一旦goods对象发生变化(因为我们在之前用到foods.count,有变化就说明goods变化),就会被重新计算,把逻辑重新执行一遍,并且遍历每一个单个的food,有count的话就说明这个food被我们选择了,这时就加入数组。
流程大概就是这样:在cartcontrol.vue中,我们会通过点击按钮去改变food.count --& goods.vue监听到可也会改变相应的数据,也就是选择的数据 --& selectFoods会遍历所有food对象并把有变化的数据对象加入到数组中 --& shopcart.vue检测到这些数据的变化就会获取并呈现在购物车。
最近用vue.js做一个仿饿了么外卖APP的项目,现在也把流程啊什么的暂时先整理一下在这个博客上面. 当然,这个过程会有点长,不过确实能学到很多东西. 话不多说,马上开始吧. 1.项目介绍 选用当前最 ...
header组件 vue-resourse应用 https://github.com/pagekit/vue-resource vue-resource是Vue.js的一款插件,它可以通过XMLHtt ...
组件拆分 先把项目搭建时生成的代码给清了吧 现在static目录下引入reset.css 接着在index.html引入,并且设置&meta& 有时候呢,为了让代码符合我们平时的编码习惯, ...
vue-cli开启vue.js项目 github地址:https://github.com/vuejs/vue-cli Vue.js开发利器vue-cli,是vue的脚手架工具. 在工地上,脚手架是工 ...
项目的结构如下:
项目资源准备 准备项目的各种图片资源等等 注意:在webpack可以不用css sprite,直接用单张图片,因为它会帮忙打包. 还有SVG图片, ...
ratings评价列表页实现 在ratings.vue组件里开发 首先先引入seller数据: 书写模板结构: 由于评价页又有之前写过的star.vue组件,所以又要在ratings.vue组件引入: ...
vue-toutiao 这是用 vue.js 2.0 高仿 今日头条 的移动端项目,结合了原生app的部分功能以及网页版. 前言 本人是 今日头条 的重度用户,在学习vue.js过程中,在GitHub ...
_________________________________________________________________________ 初涉vue就深深的被vue强大的功能,快速的开发能力 ...
1.搭建项目框架 使用vue-cli 没安装的需要先安装 npm intall -g vue-cli 使用vue-cli生成项目框架 vue init webpack-simple vue-movie ...
1.执行ryu应用程式:ryu-manager --verbose ryu.app.simple_switch_13 2.启动mininet,配置如下:创建3个host,1个交换器(open vSwi ...
本文介绍Spring框架如何解析外部资源文件,仅参考官方文档&第7章 Resources&. ***************************以下是正文的部分************ ...
简介: 使用gulp-rev-append给页面的引用添加版本号,清除页面引用缓存. 1.安装nodejs/全局安装gulp/项目安装gulp/创建package.json和gulpfile.js文件 ...
一.单一计划任务 安装at: # yum -y install at 启动: # /etc/init.d/atd start 查看是否运行: # ps aux | grep atd 创建计划 # at ...
已安装 SQL Server 2005,安装 SQL Server 2008 时提示需要删除 SQL Server 2005 Express 工具 错误提示:已安装 SQL Server 2005 E ...
浏览器 window 对象(BOM)是浏览器宿主对象,和 js 语言无关. [window 对象的方法] window.alert(message); window.confirm(message); ...
#!/usr/bin/expect -fspawn /home/scripts/bckup.shexpect &Enter password: &
send &WWQQ ...
日 星期四 --出埃及记 Exodus 20:22 Then the LORD said to Moses, &Tell the Israelites this: `You ...
linux的echo命令, 在shell编程中极为常用, 在终端下打印变量value的时候也是常常用到的, 因此有必要了解下echo的用法 echo命令的功能是在显示器上显示一段文字,一般起到一个提示 ...
JAVA特点: 语法简单,学习容易 功能强大,适合各种应用开发:J2SE/J2ME/J2EE 面向对象,易扩展,易维护 容错机制好,在内存不够时仍能不崩溃.不死机 强大的网络应用功能 跨平台:JVM, ...为了账号安全,请及时绑定邮箱和手机
app.vue如何调用到hello.vue组件的
请问一下,我安装的和老师的不太一样,我的hello.vue的script里代码:export default {
name: 'hello',
//只有作为组件选项时起作用。
msg: 'Welcome to Your Vue.js App'
}}app.vue的script代码只有:并没有注册组件,在app.vue的html部分就直接写&router-view&&/router-view&调用到了hello.vue组件,这是为什么export default {
name: 'app', }
写下你的评论...
写下你的评论...
写下你的评论...
Copyright (C) 2018 imooc.com All Rights Reserved | 京ICP备 号-11在 SegmentFault,学习技能、解决问题
每个月,我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
问题对人有帮助,内容完整,我也想知道答案
问题没有实际价值,缺少关键内容,没有改进余地
大神们,我想问最简单的问题,vue启动的时候有一图片及一些链接,这些链接是通过组件加载的,如果我把上面的logo图片也封装成为一个组件的话,请问该怎么做才能达到同样的效果?下面是我修改的,请问哪里有问题,让logo出来
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
把图片写成子组件就可以了啊,你想要谁当他的父组件都可以啊。多看看Api,api解决不了再问啊
分享到微博?
关闭理由:
删除理由:
忽略理由:
推广(招聘、广告、SEO 等)方面的内容
与已有问题重复(请编辑该提问指向已有相同问题)
答非所问,不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因(请补充说明)
我要该,理由是:
在 SegmentFault,学习技能、解决问题
每个月,我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。发布于 05/11 14:09
& & & &本文翻译自:https://superdevresources.com/vuejs-mobile-frameworks/,内容是按照笔者自己理解翻译,可能会有表达不准确的地方。
& & & &理论上,您可以使用任何支持移动浏览器的Web框架(或自行开发),并将其与结合在一起。但是,使用专用的UI框架您可以选择预先构建的组件和可复用的UI交互,例如切换按钮,浮动操作按钮,滑动窗格,选项卡,滚动刷新等等。
& & & &对于Android,我们有许多可用的响应式&,这些框架可以在Cordova应用中与Vue.js结合使用。如果你不太喜欢使用Vue.js,那么可以选择像(基于Angular)这样的流行框架来构建混合应用,它们为Android和iOS提供接近原生的UI。更进一步,还可以选择或,这些框架可以使用JavaScript构建原生应用。
& & & 在这篇文章中,我们将关注与Vue.js集成的框架,并介绍使用Cordova构建移动应用程序的框架。最后,我们还介绍了一个可以使用Vue.js构建原生应用程序的框架。如果你是刚接触,这些应该对你有用。如果您计划使用管理面板构建Web应用程序,可以看下这些。
Vue.js based Mobile App&Frameworks
下面列出的是支持Vue.js或与Vue.js紧密集成以构建移动应用程序的框架。 请注意,其中一些框架仍处于开发的早期阶段,因此您可能希望在做出选择之前了解下社区以及可以获得的支持。
Quasar Framework允许您使用接近原生的用户界面来构建混合移动应用,并以VueJS 2作为核心。 它以MIT协议开源于上。
Quasar框架在其网站上提供了一系列良好的文档,并提供了一系列基于Vue的UI组件,如滑块,旋钮,工具提示,弹出窗口,模型对话框,上下文菜单,视频嵌入等等。
Quasar入门非常简单,它提供了自己的一套CLI,就像Ionic框架一样,用于开箱即用的配置和预览。 您可以使用此框架构建Cordova以及(跨平台桌面应用程序)。
您可以下载Android 应用商店中的Quasar Play应用,感受下这个框架在真实应用中体验。
Onsen用户界面是构建HTML5混合和移动Web应用程序的流行框架。 Onsen提供了支持AngularJS,Angular2,React,Vue.js,Meteor以及普通JavaScript的与框架无关的UI组件。
Vue 2的Onsen用户界面将Vue.js与Onsen用户界面相结合,以创建混合和移动网络应用程序。 查看温泉样本以了解其产品,然后前往Vue 2的Onsen UI页面获取关于如何将Onsen与Vue.js集成的更多信息。
Framework7是另一个开源(MIT许可)的移动HTML框架,用于开发具有iOS或Android本机外观和感觉的混合移动应用程序。 虽然它不支持任何其他平台,但您可以使用Material外观或iOS外观来构建Web应用程序。
Framework7提供了各种类似本地UI的组件和行为,例如滑动操作,拉动刷新,动态导航栏,页面动画,虚拟列表,搜索栏等。它提供了Vue的基于VueJS的入门的支持。 这些模板可用作Cordova + webpack模板或简单地作为webpack或browserify模板。
要了解该框架,请查看其的一些应用程序。
Vuetify.js是Vue.js 2的一个组件框架,它将Google的Material Design模式用于UI组件。 它附带3个Vue CLI模板,预先配置Vuetify以帮助您开始使用基于Vue.js的Web项目。
Vuetify提供了广泛的Material Design组件,例如面包屑,卡片,下拉菜单,导航栏,边栏,标签等。您可以在上跟踪此开源项目的进度。
Keen UI是用Vue.js编写的Material Design UI组件的集合。 它提供了许多Material风格的组件,如alert,autocomplete,FAB,popover,snackbar,tabs等。该项目在上提供,并且是MIT授权的。
Mint UI提供了CSS和JS组件,用于构建移动应用程序,如吐司,日期时间选择器,延迟加载,进度条,动作表等。 由于Vue.js基于组件的高效方法,Mint UI也非常轻量级。 你可以在上找到这个MIT许可的项目。
Bootstrap Vue为Vue.js提供基于Bootstrap 4的组件。虽然许多组件仍在开发中,但它已经提供了诸如面包屑,下拉菜单,导航栏,分页等组件。
Vue Material是根据Material Design规范构建的轻量级框架,可帮助您构建响应式Web应用程序。 它提供许多基于材料设计的组件,如卡片,芯片,小吃棒,开关,tabbar等。该库旨在使用与提供的相同的API来提供组件。
Vue-Blu是基于Vue.js 2.x和CSS框架的UI组件库。 尽管文档主要以中文提供,但该库提供导航,查看和表单组件。 看看他们的仓库来查看更多细节。
Vue.js based Native App Development Framework
您可能已经熟悉Facebook的,它允许您使用React构建本机iOS和Android应用程序。 是阿里巴巴集团的一个类似框架,与Vue.js合作,允许您构建跨平台的原生移动应用程序。
虽然仍在开发中,但Weex是一个有前景的框架,并已被许多公司使用。 您可以时刻关注该项目在上的更新,这个项目使用的Apache 2.0许可。
Vue.js based Desktop UI Library
虽然Element是基于Vue 2.0的桌面UI库,但我们认为这与本文中提到的内容相关。 它提供了许多适合编写桌面Web应用程序的组件。 他们来自同一个提供Mint UI的团队(本文前面提到)。 如果您使用Electron构建基于Vue.js的应用程序,是一个不错的选择。
Hybrid or Native App
如果您仍在犹豫是创建原生应用还是混合应用,那么这里有一个很好的,可以帮助您在不同的应用开发模型之间进行选择。 如果您决定使用Cordova或Phonegap与Vue.js一起使用混合应用程序方法,那么在Coligo上阅读本是一个很好的起点。
您认为哪种框架最适合用Vue.js构建应用程序? 如果您已经在移动应用中使用Vue.js并拥有最偏爱的移动框架,请在下面的评论中与我们分享。
本文转载自:https://superdevresources.com/vuejs-mobile-frameworks/
人打赏支持
码字总数 15572
Vue常用经典开源项目汇总参考-海量   Vue是什么?   Vue.js(读音 /vju/, 类似于 view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。...
  Vue是什么?   Vue.js(读音/vju/,类似于view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层,并且非常容易...
共 4741 字,读完需 8 分钟,速读 2 分钟。我有幸参与了该项目的部分中文版翻译、校对工作,感谢 Sacha Grief,Micheal Ramberu 的统计整理,以及 Frank Xu 的翻译工作,完整版本请猛击阅读原...
王仕军 ? 01/22 ?
Vue.js轻松实现页面后退时,还原滚动位置 前言 从Vue.js 2.x发布之后,陆陆续续做了七八个项目,摸索出来了一套自己的状态管理模式,我将之称为Vuet。它以规则来驱动状态更新,它带来的是开发...
掘金官方 ? 01/08 ?
vue简介: Vue.js 是一套构建用户界面的渐进式框架。他自身不是一个全能框架——只聚焦于视图层。因此它非常容易学习,非常容易与其它库或已有项目整合。在与相关工具和支持库一起使用时,V...
挑战者666888 ? 05/22 ?
译者按: 在全球大范围看,React和Angular依然遥遥领先,Vue.js这位后起之秀还需努力做到全球化! 原文: ReactJS vs Angular5 vs Vue.js - What to choose in 2018? 译者: Fundebug 为了保证...
Fundebug ? 昨天 ?
今年我一直在写一本新书叫全栈Vue网站开发:Vue.js,Vuex和Laravel。它会在Packt出版社在2018年初出版。 这本书是围绕着一个案例研究项目,Vuebnb,简单克隆Airbnb。在这篇文章中,我会把它如...
笔阁 ? 04/16 ?
本文由 授权转发,转载需与GitChat联系。 原文链接 本文作者:美团点评 胡成全 前言 小程序面世一年多以来,给前端开发带来了巨大的影响,有移动应用的地方,就有小程序的踪迹。经过一年多的...
乌骑凤 ? 05/17 ?
Vue.js 是构建 Web 界面的 JavaScript 库,提供数据驱动的组件,还有简单灵活的 API,使得 MVVM 更简单。 主要特性: 可扩展的数据绑定 将普通的 JS 对象作为 model 简洁明了的 API 组件化 ...
github在线demo:https://github.com/furioussoul/soul-esview 项目介绍(目前处于开发阶段,不能投入生产): esview是一个前端可视化开发平台,用户可以在线编写代码添加组件,也可以在组装...
furioussoul ?
没有更多内容
加载失败,请刷新页面
常用命令 # 列出所有规则iptables -S# 保存规则service iptables save# 重启防火墙service iptables restart# 查看防火墙状态service iptables status 参考文章 iptabl...
xshanj2 ? 17分钟前 ?
1、在仓库新建一个配置文件,可以在本地搭建git 仓库,或者我用开源中国的码云测试 2、新建config-server 端 maven项目 添加依赖 &dependency&&groupId&org.springframework.cloud&/g...
IT-Mamba ? 24分钟前 ?
欢迎点击「算法与编程之美」↑关注我们! 本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列博客。 基本概念 定积分的定义如下: 不定积分定义如下: 如果想了解更多,...
算法与编程之美 ? 33分钟前 ?
简介 MQ全称为Message Queue, 消息队列(MQ)是一种应用程序对应用程序的通信方法。应用程序通过读写出入队列的消息(针对应用程序的数据)来通信,而无需专用连接来链接它们。消息传递指的是...
阿dai ? 38分钟前 ?
针对配置的问题进行改进,使其完全遵循spring boot规则 一、问题 在上一篇文章中,我们的配置都是放在unitils.properties,如下: unitils.modules=database,dbunit,springBootunitils....
yangjianzhou ? 47分钟前 ?
主动模式和被动模式 主动或者被动是相对客户端来讲的 被动模式,服务端会主动连接客户端获取监控项目数据,客户端被动地接受连接,并把监控信息传递给服务端,服务端请求以后,客户端接受到请...
lyy549745 ? 52分钟前 ?
默认行为 什么是git pull与push的默认行为? 那就是在我们本该输入git pull origin &branch&或者git push origin &branch&时,我们只想输入git pull或者git push,这个就可以叫做git pull 与...
yeahlife ? 昨天 ?
主动模式和被动模式 o 主动或者被动是相对客户端来讲的 o 被动模式,服务端会主动连接客户端获取监控项目数据,客户端被动地接受连接,并把监控信息传递给服务端,被动模式需要到所有的客户...
寰宇01 ? 昨天 ?
今天博主主要分享Linux系统中的一种软件安装方式YUM,主要针对人群包括运维、开发、项目经理等等。当然,如果你对这块知识已经非常熟悉,那请移步博主其它文章。 一、YUM相关概念 Yum(全称为...
em_aaron ? 昨天 ?
当今世界,已经被发现或创造的经典算法数不胜数。如果,一定要投票选出你最看重的十大算法,你会作何选择列?有国外网友在StackExchange上发起过投票,让人们投票选出心目中最为经典的算法,最...
彬彬公子 ? 昨天 ?
没有更多内容
加载失败,请刷新页面
文章删除后无法恢复,确定取消删除此文章吗?
亲,自荐的博客将通过私信方式通知管理员,优秀的博客文章审核通过后将在博客推荐列表中显示
确定推荐此文章吗?
确定推荐此博主吗?
聚合全网技术文章,根据你的阅读喜好进行个性推荐
指定官方社区
深圳市奥思网络科技有限公司版权所有}

我要回帖

更多关于 vue面包屑导航组件 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信