51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#vue组件传值
vue-cli+webpack在生成的项目中使用bootstrap方法(一)
在一个html页面中加入bootstrap是很方便,就是一般的将css和js文件通过Link和Script标签就行。那么在一个用vue-vli生成的前端项目中如何加入?因为框架不一样了,略微要适应一下。 脚手架生成项目执行命令用webpack模板生成一个名为vuestrap的项目(名字任意)vueinitwe...
代码星球
·
2021-02-25
vue-cli+webpack
生成
目中
使用
bootstrap
package.json for npm中依赖外部组件时常用的版本符号含义
package.json中会有dependencies定义了项目依赖的外部组件,这些外部组件的依赖都是带有版本符号以表示被依赖组件的版本范围。{"dependencies":{"foo":"1.0.0-2.9999.9999","bar":">=1.0.2<2.1.2","baz":">1.0.2&l...
代码星球
·
2021-02-25
package.json
for
npm
依赖
外部
vue-router有哪几种导航钩子( 导航守卫 )?
问题一:vue-router有哪几种导航钩子(导航守卫)?1、全局守卫: router.beforeEach2、全局解析守卫: router.beforeResolve3、全局后置钩子: router.afterEach4、路由独享的守卫: beforeEnter5、组件内的守卫...
代码星球
·
2021-02-25
导航
vue-router
几种
钩子
守卫
什么是vue.js中的自定义指令?
问题一:什么是vue.js中的自定义指令?自定义一些指令对底层DOM进行操作更多参考Vue里面有许多内置的指令,比如v-if和v-show,这些丰富的指令能满足我们的绝大部分业务需求,不过在需要一些特殊功能时,我们仍然希望对DOM进行底层的操作,这时就要用到自定义指令。问题二:自定义指令的几个钩子函数bind:只调用一...
代码星球
·
2021-02-25
什么
vue.js
中的
自定义
指令
vue如何禁止弹窗后面的滚动条滚动?
methods:{//禁止滚动stop(){varmo=function(e){e.preventDefault();};document.body.style.overflow='hidden';document.addEventListener("touchmove",mo,false);//禁止页面滑动},/**...
代码星球
·
2021-02-25
滚动
vue
如何
禁止
弹窗
如何在组件中使用全局常量
第一步,在src下新建const文件夹下新建const.js.├──src│├──const││├──const.js│││└──main.js└──...第二步,如何在const.js文件下,设置常量exportdefault{install(Vue,options){Vue.prototype.global={ti...
代码星球
·
2021-02-25
何在
组件
使用
全局
常量
什么是vue的计算属性?
计算属性:模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如:<divid="example">{{message.split('').reverse().join('')}}</div>在这个地方,模板不再是简单的声明式逻辑。你必须看...
代码星球
·
2021-02-25
什么
vue
计算
属性
vue-cli工作中如何自定义一个过滤器?
文件结构:.├──src│├──filter││├──filter.js│││└──main.js└──...过滤器们放在filter文件夹下filter/filter.js:这个文件主要是写了过滤器实现的方法,然后export进行导出。functionfilterOne(n){returnn+10;}function...
代码星球
·
2021-02-25
vue-cli
工作中
如何
自定义
一个
vue更新数组时触发视图更新的方法
变异方法:Vue包含一组观察数组的变异方法,所以它们也将会触发视图更新。这些方法如下:push()pop()shift()unshift()splice()sort()reverse()替换数组:例如:filter(), concat()和 slice() 。这些不会改变原始数组,但总是返...
代码星球
·
2021-02-25
vue
更新
数组
触发
视图
什么是vue生命周期和生命周期钩子函数?
1、vue生命周期和生命周期钩子函数:vue的生命周期是: vue实例从创建到销毁,也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程。在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。问题二:vue生命周期钩子函数有哪些?生命周期钩...
代码星球
·
2021-02-25
生命
周期
什么
vue
子函数
vue中如何编写可复用的组件?
在编写组件的时候,时刻考虑组件是否可复用是有好处的。一次性组件跟其他组件紧密耦合没关系,但是可复用组件一定要定义一个清晰的公开接口。Vue.js组件API来自三部分:prop、事件、slot:prop允许外部环境传递数据给组件,在vue-cli工程中也可以使用vuex等传递数据。事件允许组件触发外部环境的actions...
代码星球
·
2021-02-25
vue
如何
编写
可复
用的
vue中 keep-alive 组件的作用
keep-alive:主要用于保留组件状态或避免重新渲染。比如: 有一个列表页面和一个 详情页面,那么用户就会经常执行打开详情=>返回列表=>打开详情这样的话列表和详情都是一个频率很高的页面,那么就可以对列表组件使用<keep-alive></keep-alive>...
代码星球
·
2021-02-25
vue
keep-alive
组件
作用
vue中子组件调用父组件的方法
通过v-on 监听和$emit触发来实现:1、在父组件中通过v-on 监听当前实例上的自定义事件。2、在子组件 中通过'$emit'触发当前实例上的自定义事件。示例:父组件: <template><divclass="fatherPageWrap"><h...
代码星球
·
2021-02-25
组件
vue
中子
调用
方法
轻松搭建基于 SpringBoot + Vue 的 Web 商城应用
首先介绍下在本文出现的几个比较重要的概念:/函数计算(FunctionCompute):函数计算是一个事件驱动的服务,通过函数计算,用户无需管理服务器等运行情况,只需编写代码并上传。函数计算准备计算资源,并以弹性伸缩的方式运行用户代码,而用户只需根据实际代码运行所消耗的资源进行付费。函数计算更多信息 参考。F...
代码星球
·
2021-02-24
轻松
搭建
基于
SpringBoot
Vue
Kubernetes 弹性伸缩全场景解析 (四)- 让核心组件充满弹性
在本系列的前三篇文章中,我们介绍了弹性伸缩的整体布局以及HPA的一些原理,HPA的部分还遗留了一些内容需要进行详细解析。在准备这部分内容的期间,会穿插几篇弹性伸缩组件的最佳实践。今天我们要讲解的是cluster-proportional-autoscaler 。cluster-proportional-aut...
代码星球
·
2021-02-24
弹性
Kubernetes
伸缩
场景
解析
首页
上一页
...
2
3
4
5
6
...
下一页
尾页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他