![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端学习
文章平均质量分 53
杨杨不秃头
这个作者很懒,什么都没留下…
展开
-
去哪了项目总结?
项目主体:cli2版本项目框架,数据信息为json模拟数据。引用Swiper 3轮播组件以及阿里巴巴矢量图标库。首页:头部为Herd组件输入框及阿里左箭头图标,display弹性布局。右侧地理位置数据为存储在vuex中动态变量,在位置页面点击选中当前地址时使用映射函数调用mutations中的方法进行传参(当前地址数据)并改变动态变量重新赋值轮播图:引用swiper官网中文文档安装:npm i swiper@3.4.2 -S在组件中引入插件:import Swiper from ‘swiper’;im原创 2022-06-06 00:40:20 · 71 阅读 · 0 评论 -
前端工程师面试题组件,vuex?
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录vuex 的理解vuex一共有五大核心vuex的缺点vuex 的执行机制怎么开启严格模式?modules完整的vuex总结vuex 的理解首先我们先来说一下vuex是什么?vuex其实就是vue官方提供给我们的的一个状态管理工具,管理项目中的公共数据,能够在所有的组件中使用。vuex一共有五大核心state 存放变量的,存放公共数据的地方,通过 this.store.state.xxx调用mutations修改state.原创 2022-04-22 21:21:08 · 273 阅读 · 0 评论 -
为前端工程师面试做准备,必问面试题整理?
#首先我们来先记一下vue的生命周期,vue的生命周期是必问题。##1:什么是生命周期函数吗?生命周期函数又叫做钩子函数,是到了某一个时间点会自动触发,我们说的是vue的钩子函数,从vue实例创建到销毁的过程中到了一定时间节点就会触发。##1.1:生命周期函数有哪些呢?我们可以分成四个阶段来记##创建阶段:beforeCreate:实例创建之前实例创建之前,这个时候什么都没有,data和methods 都不能用 也没有this。created:创建之后创建之后 ,也是最早的可原创 2022-04-22 11:49:35 · 1399 阅读 · 0 评论 -
备战前端工程师面试,第一天?vue的生命周期?钩子函数
为面试做准备,最后一哆嗦了,加油!首先我们先说一下vue的生命周期,生命周期是最基本的,是必须知道的,是面试必问题。所谓的vue生命周期就是vue实例从创建到销毁的整个过程,我们称之为vue的生命周期,通过vue的生命周期,我们可以在不同的阶段进行不同的逻辑操作,vue生命周期常用的钩子函数一共有8个,分别是创建后,挂载前后,更新前后以及销毁前后,分别对应的钩子函数为beforeCreate创建前,created创建后,beforeMount挂载前,mounted挂载后,beforeUpdate更新原创 2022-04-21 21:21:49 · 58 阅读 · 0 评论 -
vue自定义指令?
什么是指令?在vue中提供了一些对于页面 + 数据的更为方便的输出,这些操作就叫做指令, 以v-xxx表示 类似于html页面中的属性 <div v-xxx ></div>指令的作用是什么呢?指令中封装了一些DOM行为, 结合属性作为一个暗号, 暗号有对应的值,根据不同的值,框架会进行相关DOM操作的绑定vue中常用的v-指令有那些呢?自定义指令的生命周期自定义指令有五个生命周期(也叫钩子函数),分别是 bind,inserted,update,com原创 2022-03-20 22:24:18 · 196 阅读 · 0 评论 -
vue v-model实现简单的案例?
很多同学都分不清,封装input实现双向绑定,跟不封装input实现双向绑定的,有什么区别,怎么用,那么今天咱们就来说一下v-model数据双向绑定。首先先来看个基础的代码:<input v-model="str" />// 等同于 <input :value="str" @input="sth = $event.target.value" />通过上面的代码,我们可以分析得出,也就是说:v-model="str" 是 :value="str" @input=.原创 2022-03-19 13:38:02 · 713 阅读 · 1 评论