vue
KAMHUNCHAN
这个作者很懒,什么都没留下…
展开
-
路由导航守卫、keep-alive
keep-alive:保持组件状态。原创 2023-05-12 15:17:02 · 61 阅读 · 0 评论 -
vue router
vue-router原创 2023-05-10 11:20:27 · 58 阅读 · 0 评论 -
vue组件父子组件互相访问
children返回的是一个数组。$root访问根组件。原创 2023-04-04 16:53:32 · 48 阅读 · 0 评论 -
vue组件子传父(自定义事件)
原创 2023-04-04 16:07:40 · 50 阅读 · 0 评论 -
vue组件通讯-proprs驼峰标识
props里面的属性如果是驼峰标识,父组件传值过来的时候应该写成下面的模式,不然无法读取。原创 2023-04-04 15:39:44 · 179 阅读 · 0 评论 -
vue组件传值-父传子props的多种写法
数组写法:对象写法:原创 2023-04-04 15:22:21 · 78 阅读 · 0 评论 -
组件的data为什么必须是函数
2,组件的data必须是一个函数并且该函数返回一个对象,对象内部保持着数据。原因:组件多次复用时data数据不会互相影响。1,组件无法直接访问 Vue实例的data。原创 2023-04-04 14:24:29 · 45 阅读 · 0 评论 -
vue实现复制
原创 2023-02-10 15:19:31 · 93 阅读 · 0 评论 -
vue3创建
vue3创建原创 2022-07-12 16:33:28 · 72 阅读 · 0 评论 -
Vuex的使用
vuex原创 2022-07-01 09:51:41 · 95 阅读 · 0 评论 -
默认插槽,具名插槽,作用域插槽
插槽原创 2022-06-30 10:50:49 · 72 阅读 · 0 评论 -
vue脚手架配置代理
配置代理原创 2022-06-30 10:19:09 · 157 阅读 · 0 评论 -
自定义事件,全局事件总线,消息订阅与发布,$nextTick
自定义事件,全局事件总线,消息订阅与发布,$nextTick原创 2022-06-29 17:19:04 · 77 阅读 · 0 评论 -
ref属性,props配置,mixin混入,插件,scoped样式
ref属性,props配置,mixin混入,插件,scoped样式原创 2022-06-28 16:29:39 · 87 阅读 · 0 评论 -
vueCompomen
vueCompoment原创 2022-06-28 10:45:20 · 89 阅读 · 0 评论 -
vue-组件的几个注意点
vue组件几个注意点原创 2022-06-24 18:10:22 · 87 阅读 · 0 评论 -
非单文件组件
创建组件:注册组件(局部注册):全局注册:原创 2022-06-24 15:36:43 · 69 阅读 · 0 评论 -
Vue-对组件的理解
传统方式编写前端页面:原创 2022-06-24 14:38:49 · 68 阅读 · 0 评论 -
Vue内置指令
v-pre:加快编译速度原创 2022-05-13 16:37:00 · 178 阅读 · 0 评论 -
Vue过滤器
过滤器可以传参:管道前面是第一个值过滤器可以串联:注册过滤器:vue实例下的filter:{filtereg(){ }}全局过滤器:Vue.filter(name,callback)ES6:函数参数默认值:原创 2022-05-13 15:58:11 · 161 阅读 · 0 评论 -
VUE收集表单数据
lable:点击lable获取input焦点prevent:阻止默认事件原创 2022-05-13 15:28:14 · 103 阅读 · 0 评论 -
Vue监测数据改变原理
vm身上有 _data 属性,_data的属性来自new vue时传入的数据,但是vue做了数据处理,给每个属性加入了getter和setter,因此数据改变时会调用set方法,set方法里面做了重新解析模板的操作(重新解析模板–>生成新的虚拟dom–>新旧dom对比,diff算法–>更新页面)如果直接往vm._data或者vm身上的对象添加属性,则该属性没有getter,setter方法,无法实现数据监测也无法读取,应该使用Vue.set(obj,prom,value)或者vm.$se原创 2022-04-25 17:30:27 · 422 阅读 · 0 评论 -
v-for以及key的作用和原理
1.遍历数组:(i,index)in array2.遍历对象:(value,key)in obj3.遍历字符串:(char,index)in str4.遍历指定次数:(number,index)in 55.key的原理使用index做key使用唯一标识做key1.当数据发生变化,vue会根据新数据生成新的虚拟dom2.新旧虚拟dom比较3.如果新旧虚拟dom中存在相同的key,若内容没变,直接复用真实dom,如果内容改变,生成新的dom,但是会复用没有变化的dom4.如果未找到相原创 2022-02-26 15:18:57 · 535 阅读 · 0 评论 -
v-if和v-show
使用template标签可以不破坏结构,但是template只可以和v-if配合使用。原创 2022-02-23 21:15:30 · 80 阅读 · 0 评论 -
动态绑定class样式和style
动态绑定class动态绑定style:驼峰写法原创 2022-02-23 20:34:26 · 66 阅读 · 0 评论 -
Vue---生命周期函数
vue的钩子函数使用总结:1、beforeCreate(创建前):beforeCreate钩子函数,这个时候,vue实例的挂载元素$el和数据对象data都为undefined,还未初始化。无法访问到数据和真实的dom和data中的数据,可以在这里面使用loading2、created(创建后):created函数中可以对data对象里面的数据进行使用和更改,不会触发其他的钩子函数,一般可以在这里做初始数据的获取,也可以结束loading; 这里进行dom操作需要使用vue.nextTick()方法3原创 2022-02-22 14:27:00 · 206 阅读 · 0 评论 -
Vue计算属性和监听属性的区别
监听属性也可以实现计算属性的功能:差异:原创 2022-02-09 21:05:46 · 995 阅读 · 0 评论 -
Vue---监听属性
另外一种添加监听属性的方法:深度监视开启深度监视:watch默认不开启多级监视(为了效率)watch简写不需要配置deep以及immediate可以写成简写模式不能写箭头函数,会导致this不指向vm而是window...原创 2022-02-09 20:06:11 · 267 阅读 · 0 评论 -
Vue-----计算属性
计算属性:1.定义:要用的属性不存在,要通过已有属性计算得来。2.原理:底层借助了Objcet.defineproperty方法提供的getter和setter。3.get函数什么时候执行?(1).初次读取时会执行一次。(2).当依赖的数据发生改变时会被再次调用。4.优势:与methods实现相比,内部有缓存机制(复用),效率更高,调试方便。5.备注:1.计算属性最终会出现在vm上,直接读取使用即可。2.如果计算属性要被修改,那必须写set函数去响应修改,且set中要引起计算时依赖的数据发原创 2022-02-09 10:58:57 · 181 阅读 · 0 评论 -
Vue---事件处理
基本使用:事件修饰符:.self可以阻止被该修饰符修饰的事件冒泡,但是无法阻止冒泡行为继续向上触发。passive:例如监听滚动有两个方法@scroll和@wheel@scroll是监听滚动条,只要滚动条滚动就会触发,但是默认事件的滚动条先滚动@wheel是监听鼠标滑轮,但是默认是先执行函数再滚动和滚动条所以给@wheel加上passive可以先执行默认行为滚动滚动条,再执行回调函数键盘事件:事件修饰符可以重叠使用,例如 .ctrl.y 按下ctrl加y才会触发,别的不会触发...原创 2022-02-09 10:30:46 · 190 阅读 · 0 评论 -
Vue中的数据代理
创建Vue实例时的data中的数据就是vue实例下面的 _data 属性_data中的属性与值,被vue实例使用Object.defineProperty进行数据代理原创 2022-02-08 00:44:02 · 89 阅读 · 0 评论 -
Vue----MVVM
原创 2022-02-07 23:52:56 · 271 阅读 · 0 评论 -
Vue---data和el的两种写法
原创 2022-02-07 10:27:46 · 201 阅读 · 0 评论 -
Vue-数据绑定
原创 2022-02-07 10:21:44 · 83 阅读 · 0 评论 -
Vue的特点
组件化模式,提高代码复用率,便于维护声明式编码,无需直接操作DOM,提高开发效率采用虚拟DOM+Diff算法,尽量复用DOM节点原创 2022-02-06 21:18:24 · 250 阅读 · 0 评论