#vue路由传参

vue插槽

  浏览器遇到不认识的东西会跳过  插槽:slot  v-slot    页面渲染时候,slot元素会被替换成组件标签里面的东西  slot可以包含的内容和标签,也可以嵌套其他组件  1.插槽  slot      2.编译作用域:在谁的模板下,组件标签的数据就是谁的      3.默认内容:在<slot>...
代码星球 ·2021-02-06

vue初级 总结

  mvvm  m:代表data  v代表view  vm代表Vue的实例  v-cloak  指令  解决闪烁的问题  需要在style标签中加入[v-cloak];{display:none}  v-bind  指令  绑定属性  简写 :  v-on  指令  绑定事件  简写 @  指定的函数带()表示可以传参...
代码星球 ·2021-02-06

vue的生命周期

  diff算法两种解释:    diff算法,通过虚拟dom进行对比,谁变了更新谁,传统方法中,我们改一个部分,dom就要重新渲染    diff算法,原先dom树中,有一处数据发生改变,整个dom树都会重新渲染,diff算法,在虚拟dom中,原有的进行对比,谁变了,就渲染谁,没变的dom节点就不渲染了  虚拟的do...
代码星球 ·2021-02-06

vue 组件用法

  组件:component  什么是组件?    组件是vue中的一个可复用的实例,所以newvue的是vue中最大的那个组件,跟组件,有名字,使用的时候以单标签或双标签使用  varvm=newVue()  //这本身就是组件,最大组件具有很多实用的属性,例如:data(数据),methods(事件方法),comp...
代码星球 ·2021-02-06

vue引用fastClick后,ios输入框聚焦不灵敏问题

fastClick.prototype.focus=function(targetElement){   targetElement.focus()}...

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...

vue watch监听对象及对应值的变化

直接通过watch监听对象,对象的属性值变化并不会触发这个监听,通过查文档发现还有一个属性deep:true,可以深入监听,   data:{return{eleDate:{a:'对象a',b:'对象b'}}},watch:{eleDate:{handler:(val,olVal)=>{console.log('...

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-给对象新增属性(使用Vue.$set())

在开发过程中,我们时常会遇到这样一种情况:当vue的data里边声明或者已经赋值过的对象或者数组(数组里边的值是对象)时,向对象中添加新的属性,如果更新此属性的值,是不会更新视图的。根据官方文档定义:如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。受现代JavaScript的限制(以及废弃Object.ob...

Vue.js如何在一个页面调用另一个同级页面的方法

使用场景:页面分为header、home、footer三部分,需要在home中调用header中的方法,这两个没有相互引入 官方给出方法:需要在展示页里调用顶部导航栏页里的方法,两者之间没有引用关系,看了一下vue的API发现可以用这个方法实现。https://cn.vuejs.org/v2/api/#vm-...

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

快速理解vuex,浅谈vuex

接下来我用自己的文字对他做一个注解1、首先如果看不懂这个流程图,我们可以选择倒推2、state管理数据,管理的数据是响应式的数据,当数据发生变动时,渲染的视图更新3、接下来看Mutations相当于修改数据也就是更新数据,state中的数据要用Mutations来改变4、actions请求数据,后端接口响应成功后将数据...
代码星球 ·2021-02-06

vue中父传子,子传父 怎么相互传值(个人理解)

父传子:子组件使用props接收父组件的值父组件(test.vue):1<template>2<!--父传子-->3<divclass="container">4父组件:<inputtype="text"v-model="value">5<!--引入子组件-->...

封装vue插件

例如:我要在components下封装一个面包屑插件公用与各个页面,我需要在每个页面下impont导入,导致多个页面重复需要import导入,所以决定要对这个组件进行封装第一步:在components下创建index.js文件//定义一个插件//规则:模块向外暴露一个对象,对象中选项install,指向的是函数,函数传...
代码星球 ·2021-02-06

vue封装sessionStoage存储信息

创建store文件夹下index.js文件varKEY='rabbitStudent'exportdefault{setUser(user){//将后端返回的对象转换成字符串constJsonStr=JSON.stringify(user)//将返回的字符串存储到KEY中window.sessionStorage.se...
首页上一页...2324252627...下一页尾页