![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 87
前进的北极熊
这个作者很懒,什么都没留下…
展开
-
vue使用进度条nprogress
【代码】vue使用进度条nprogress。原创 2023-04-10 00:04:56 · 501 阅读 · 1 评论 -
Vue I18n(Vue国际化)
点击下拉菜单中的中文,就会切换到中文。点击英文就会切换到英文。vue2项目不能用最新版的,可以用8版本。之后可以结合Element-ui国际化。原创 2023-04-08 22:13:07 · 133 阅读 · 0 评论 -
Vue学习117~133(路由)
vue的一个插件库,专门用来实现SPA应用。原创 2023-03-21 15:11:27 · 404 阅读 · 0 评论 -
Vue学习105~116(Vuex)
在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。//借助mapMutations生成对应的方法,方法中会调用commit去联系mutations(对象写法)//借助mapActions生成对应的方法,方法中会调用dispatch去联系actions(对象写法)//借助mapGetters生成计算属性,从getters中读取数据。开启命名空间后,组件中调用commit。原创 2023-03-21 15:07:14 · 266 阅读 · 0 评论 -
vue3学习
什么是hook?—— 本质是一个函数,把setup函数中使用的Composition API进行了封装。类似于vue2.x中的mixin。自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。原创 2023-02-22 16:57:13 · 336 阅读 · 0 评论 -
vue学习91~104(Vue封装的过度与动画+vue脚手架的配置代理+vue-resource+slot插槽)
ajax 是前端技术,你得有浏览器,才有window对象,才有xhr,才能发ajax请求,服务器之间通信就用传统的http请求就行了。(games数据在Category(子)组件中,但使用数据所遍历出来的结构由App(父)组件决定)作用:让父组件可以向子组件指定位置插入html结构,也是一种组件间通信的方式,适用于。数据在组件的自身(子组件),但根据数据生成的结构需要组件的使用者(父组件)来决定。name 的作用可以让让不同的元素有不同的动画效果。使用第三库的具体案例(随便看看,这个不重要)原创 2022-12-11 19:36:12 · 125 阅读 · 0 评论 -
vue学习80~90(组件自定义事件+全局事件总线+消息订阅与发布+nextTick)
子组件 ===> 父组件使用场景A是父组件,B是子组件,B想给A传数据,那么就要在A中给B绑定自定义事件(事件的回调在A中)。或具体代码App.vue原创 2022-12-11 19:35:46 · 131 阅读 · 0 评论 -
vue学习70~79(TodoList案例+webStorage)
组件化编码流程: (1).拆分静态组件:组件要按照功能点拆分,命名不要与html元素冲突。 (2).实现动态组件:考虑好数据的存放位置,数据是一个组件在用,还是一些组件在用: 1).一个组件在用:放在组件自身即可。 2). 一些组件在用:放在他们共同的父组件上(状态提升)。 (3).实现交互:从绑定事件开始。props适用于: (1).父组件 ==> 子组件 通信 (2).子组件 ==> 父组件 通信(要求父先给子一个函数)原创 2022-12-02 00:49:46 · 92 阅读 · 0 评论 -
vue学习61~69(初始化vue+vue相关知识)
备注:props是只读的,Vue底层会监测你对props的修改,如果进行了修改,就会发出警告,若业务需求确实需要修改,那么请复制props的内容到data中一份,然后去修改data中的数据。从上面的小知识可以知道,我们引入的 vue 不是完整版的,是残缺的(为了减小vue的大小)。本质:包含install方法的一个对象,install的第一个参数是Vue,第二个以后的参数是插件使用者传递的数据。两个对象键名冲突时,取组件对象的键值对。报错的意思是,是在使用运行版本的 vue ,没有模板解析器。原创 2022-12-02 00:42:19 · 103 阅读 · 0 评论 -
vue学习53~60(Vue组件化编程)
使用Vue.extend(options)创建,其中options和new Vue(options)时传入的那个options几乎一样,但也有点区别;原创 2022-12-02 00:33:40 · 180 阅读 · 0 评论 -
vue学习40~52(内置指令+自定义指令+生命周期)
需求1:定义一个v-big指令,和v-text功能类似,但会把绑定的数值放大10倍。需求2:定义一个v-fbind指令,和v-bind功能类似,但可以让其所绑定的input元素默认获取焦点。一、定义语法:new Vue({指令名 : 配置对象 } }) // 或者 new Vue({指令名 : 回调函数 }) })(2).全局指令:Vue.directive(指令名,配置对象) 或 Vue.directive(指令名,回调函数)bind:指令与元素成功绑定时调用。原创 2022-11-29 01:26:48 · 87 阅读 · 0 评论 -
vue学习31~39(列表过滤+列表排序+vue检测data中的数据+收集表单数据+过滤器)
1.15 列表排序1.16 vue 监测data 中的 数据先来个案例引入一下:点击更新马冬梅的信息,马冬梅的数据并没有发生改变。我们来看看控制台:控制台上的数据发生了改变,说明,这个更改的数据并没有被 Vue 监测到。所以我们来研究一下 Vue 监测的原理。我们先研究 Vue 如何监测 对象里的数据模拟一下 vue 中的 数据监测Vue.set 的使用Vue.set(target,propertyName/index,value) 或vm.$set(target,propertyName/i原创 2022-11-29 01:22:04 · 548 阅读 · 0 评论 -
vue学习29~30(列表渲染)
key的原理vue中的key有什么作用?(key的内部原理)了解vue中key的原理需要一些前置知识。就是vue的虚拟dom,vue会根据 data中的数据生成虚拟dom,如果是第一次生成页面,就将虚拟dom转成真实dom,在页面展示出来。虚拟dom有啥用?每次vm._data 中的数据更改,都会触发生成新的虚拟dom,新的虚拟dom会跟旧的虚拟dom进行比较,如果有相同的,在生成真实dom时,这部分相同的就不需要重新生成,只需要将两者之间不同的dom转换成真实dom,再与原来的真实dom进行拼接。我的理原创 2022-11-28 11:45:33 · 307 阅读 · 0 评论 -
vue学习19~28(计算属性+监视属性+绑定样式+条件渲染)
1.10 监视属性监视属性watch:深度监视:computed和watch之间的区别:1.11 绑定样式class样式写法::class=“xxx” xxx可以是字符串、对象、数组。所以分为三种写法,字符串写法,数组写法,对象写法字符串写法字符串写法适用于:类名不确定,要动态获取。数组写法数组写法适用于:要绑定多个样式,个数不确定,名字也不确定。对象写法对象写法适用于:要绑定多个样式,个数确定,名字也确定,但不确定用不用。style样式有两种写法,对象写法,数组写法对象写法原创 2022-11-28 11:19:03 · 112 阅读 · 0 评论 -
vue学习1~18
数据代理:通过一个对象代理对另一个对象中属性的操作(读/写)原创 2022-11-28 10:38:59 · 287 阅读 · 0 评论