首页
首页
BOT
沸点
课程
直播
活动
AI刷题
NEW
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
vue2
咖喱崔
创建于2023-02-07
订阅专栏
vue2相关
暂无订阅
共36篇文章
创建于2023-02-07
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
什么是响应式设计?响应式设计的基本原理是什么?如何做?
也叫响应式布局,响应式开发 实现不同屏幕分辨率的终端上浏览网页的不同展示方式。响应式布局是根据设备屏幕宽度不同适当调整标签显示的布局,从而在每种设备屏幕宽度下呈现的界面是不同的 基本原理: 一个网站适
Vue2中注册在router-link上事件无效解决方法
router-link是路由的一个组件,在组件上使用原生的事件的时候,必须在事件名后面加一个.native修饰符,这样vue才会知道事件是原生事件。 同理,我们在使用ElementUI里的组件是,只要
Vue的响应式原理
数据劫持 观察vue中打印出来的数据发现有奇奇怪怪的get,set,这是因为Vue会对data中数据进行数据劫持,并对data中的数据进行数据代理 Vue中的数据代理 通过vm对象来代理data对象中
Vue内置指令
v-bind : 单向绑定解析表达式, 可简写为 :xxx v-model : 双向数据绑定 v-for : 遍历数组/对象/字符串 v-on : 绑定事件监听, 可简写为@ v-if : 条件渲染(
自定义指令
自定义指令总结: 一、定义语法: (1).局部指令: (2).全局指令: Vue.directive(指令名,配置对象) 或 Vue.directive(指令名,回调函数) 二、配置对象中常用的3个回
v-model及sync修饰符的理解
v-model的原理 v-model的本质,其实就是:value和@input事件的语法糖 ** 父组件通过向子组件传值和自定义事件,子组件里面通过$emit去触发input事件 注意点: 在子组件中
Vue修饰符
1、Vue中的事件修饰符: 1.prevent:阻止默认事件(常用); 2.stop:阻止事件冒泡(常用); 3.once:事件只触发一次(常用); 4.capture:使用事件的捕获模式; 5.se
v-if和v-for的优先级是什么
v2中: v-for的优先级高于v-if,所以还是会先循环创建虚拟dom,利用v-if进行移除 v-if写到外层(所有的数据都显示或者隐藏) 先通过计算属性将数据计算好(部分显示部分隐藏) v3中:
说说你对vue的mixin的理解,有什么应用场景?
多个组件发现有options选项是一样的,就可以提取到mixin混入中 应用场景:按钮权限 当mixins中有选择,并且组件也有合并策略 生命周期会两个都执行 其他会合并,但是名字冲突以自己为准
computed和watch的区别?
computed: ● 计算属性: 数据发生变化,重新进行计算从而得到新的数据 ● 逻辑计算的时候一般使用计算属性 ● 定义的时候是方法,使用的是属性 ● computed内部return依赖的数据发
面试官问你知道有哪些路由守卫(范围在变小)
全局守卫 router.beforeEach router.afterEach 路由独享守卫 这个项目一堆路由但是只有一个路由需要判断有没有token,如果把判断token用全局前置守卫就浪费了 be
methods和computed的区别
methods一般用来做为事件的回调函数 computed是用来做计算属性,解决插值表达式太繁琐 methods没有缓存 computed有缓存
设计模式你了解哪些?
发布订阅($on/$emit) 观察者模式(vue源码的依赖收集dep和watcher) 单例模式(router/vuex)只能vue.use一次,对应这些实例只能有一个 一、单例模式 只有一个实例
keep-alive
作用: 缓存不活动的组件(vue的内置) 使用: keep-alive组件包裹路由占位 使用场景: 列表进详情需要把列表页缓存,将列表的滚动条的位置记录下来,当重新进入列表页的时候设置滚动条位置 按需
发送ajax是写在created还是mounted
都可以 时间上差别不大,但是一般还是放created中 如要数据需要和dom的支持,例如:echarts图标 这种情况可以把请求放入mounted,和图表一起渲染页面
操作dom是写在created中还是mounted中
- 一般放在mounted中 - 如果一定要放在created:加一个$nextTick - 一般放在mounted中 - 如果一定要放在created:加一个$nextTick
ajax请求代码应该写在组件的methods中还是vuex的actions中
如果拿回来的数据只有自己用,放在methods中然后在created中拿,如果发现很多组件都要用,放在actions中
Vue项目中你是如何解决跨域的呢?
cors:我之前上班的时候用的是cors的方式,都是后台java在做,前端不用管 反向代理:当然如果跨域需要前端做也可以,用proxy反向代理的方式,就是vue.config.js配置文件中通过dev
Vue中哪些情况操作data中数据不是响应式
对象新添加属性或删除对象现有的属性 通过索引操作数组 解决办法: 对象:如果想要让数据还是响应式,就可以通过:set,set,set,delete,$forceUpdate 数组:使用这些API:pu
你知道style上加scoped属性的原理吗?
为什么加scoped 不加组件样式会对其他组件会污染,加了独立只会对当前组件有效果 如果加了scoped,我们想改子组件中样式, ::v-deep 深度选择器 为每个加了scoped组件上面的标签加一
下一页