51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#vue路由传参
vue插槽
浏览器遇到不认识的东西会跳过 插槽:slot v-slot 页面渲染时候,slot元素会被替换成组件标签里面的东西 slot可以包含的内容和标签,也可以嵌套其他组件 1.插槽 slot 2.编译作用域:在谁的模板下,组件标签的数据就是谁的 3.默认内容:在<slot>...
代码星球
·
2021-02-06
vue
插槽
vue初级 总结
mvvm m:代表data v代表view vm代表Vue的实例 v-cloak 指令 解决闪烁的问题 需要在style标签中加入[v-cloak];{display:none} v-bind 指令 绑定属性 简写 : v-on 指令 绑定事件 简写 @ 指定的函数带()表示可以传参...
代码星球
·
2021-02-06
vue
初级
总结
vue的生命周期
diff算法两种解释: diff算法,通过虚拟dom进行对比,谁变了更新谁,传统方法中,我们改一个部分,dom就要重新渲染 diff算法,原先dom树中,有一处数据发生改变,整个dom树都会重新渲染,diff算法,在虚拟dom中,原有的进行对比,谁变了,就渲染谁,没变的dom节点就不渲染了 虚拟的do...
代码星球
·
2021-02-06
vue
生命
周期
vue 组件用法
组件:component 什么是组件? 组件是vue中的一个可复用的实例,所以newvue的是vue中最大的那个组件,跟组件,有名字,使用的时候以单标签或双标签使用 varvm=newVue() //这本身就是组件,最大组件具有很多实用的属性,例如:data(数据),methods(事件方法),comp...
代码星球
·
2021-02-06
vue
组件
用法
vue引用fastClick后,ios输入框聚焦不灵敏问题
fastClick.prototype.focus=function(targetElement){ targetElement.focus()}...
代码星球
·
2021-02-06
vue
引用
fastClick
ios
输入
vuecli+axios的post请求传递参数异常
大多数的web服务器只能识别form的post的请求,即请求头Content-Type为’application/x-www-form-urlencoded‘axios.defaults.headers.post['Content-Type']='application/x-www-form-urlencoded;ch...
代码星球
·
2021-02-06
vuecli+axios
post
请求
传递
参数
vue watch监听对象及对应值的变化
直接通过watch监听对象,对象的属性值变化并不会触发这个监听,通过查文档发现还有一个属性deep:true,可以深入监听, data:{return{eleDate:{a:'对象a',b:'对象b'}}},watch:{eleDate:{handler:(val,olVal)=>{console.log('...
代码星球
·
2021-02-06
vue
watch
监听
对象
对应
vue的$on,$emit
使用$on(eventName)监听事件使用$emit(eventName)触发事件Api中的解释:vm.$emit(event,[…args])参数:{string}event[…args]触发当前实例上的事件。附加参数都会传给监听器回调。vm.$on(event,callback)参数:{string|Array}...
代码星球
·
2021-02-06
vue
on
emit
Vue-给对象新增属性(使用Vue.$set())
在开发过程中,我们时常会遇到这样一种情况:当vue的data里边声明或者已经赋值过的对象或者数组(数组里边的值是对象)时,向对象中添加新的属性,如果更新此属性的值,是不会更新视图的。根据官方文档定义:如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。受现代JavaScript的限制(以及废弃Object.ob...
代码星球
·
2021-02-06
Vue-
对象
新增
属性
使用
Vue.js如何在一个页面调用另一个同级页面的方法
使用场景:页面分为header、home、footer三部分,需要在home中调用header中的方法,这两个没有相互引入 官方给出方法:需要在展示页里调用顶部导航栏页里的方法,两者之间没有引用关系,看了一下vue的API发现可以用这个方法实现。https://cn.vuejs.org/v2/api/#vm-...
代码星球
·
2021-02-06
Vue.js
何在
一个
页面
调用
vue使用ts验证码获取倒计时60秒(自己手写的)
html:<el-form:model="emailForm":rules="rules"class="elform"><el-form-itemlabel="输入邮箱:"label-width="120px"prop="email"><el-inputclass="wjinputone"...
代码星球
·
2021-02-06
vue
使用
ts
验证
获取
快速理解vuex,浅谈vuex
接下来我用自己的文字对他做一个注解1、首先如果看不懂这个流程图,我们可以选择倒推2、state管理数据,管理的数据是响应式的数据,当数据发生变动时,渲染的视图更新3、接下来看Mutations相当于修改数据也就是更新数据,state中的数据要用Mutations来改变4、actions请求数据,后端接口响应成功后将数据...
代码星球
·
2021-02-06
vuex
快速
理解
浅谈
vue中父传子,子传父 怎么相互传值(个人理解)
父传子:子组件使用props接收父组件的值父组件(test.vue):1<template>2<!--父传子-->3<divclass="container">4父组件:<inputtype="text"v-model="value">5<!--引入子组件-->...
代码星球
·
2021-02-06
vue
中父
传子
传父
怎么
封装vue插件
例如:我要在components下封装一个面包屑插件公用与各个页面,我需要在每个页面下impont导入,导致多个页面重复需要import导入,所以决定要对这个组件进行封装第一步:在components下创建index.js文件//定义一个插件//规则:模块向外暴露一个对象,对象中选项install,指向的是函数,函数传...
代码星球
·
2021-02-06
封装
vue
插件
vue封装sessionStoage存储信息
创建store文件夹下index.js文件varKEY='rabbitStudent'exportdefault{setUser(user){//将后端返回的对象转换成字符串constJsonStr=JSON.stringify(user)//将返回的字符串存储到KEY中window.sessionStorage.se...
代码星球
·
2021-02-06
vue
封装
sessionStoage
存储
信息
首页
上一页
...
23
24
25
26
27
...
下一页
尾页
按字母分类:
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
其他