![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue面试题
simpleQQP
这个作者很懒,什么都没留下…
展开
-
vue中自定义指令是如何实现的
除了默认设置的核心指令(v-for、v-if 等),vue也允许注册自定义指令。 下面我们注册一个局部指令 v-nav-current,功能是 tab默认选中第一个,切换 tab 设置颜色和字体大小 。 实例: HTML: 首先 项目中创建一个 directive 文件夹,包含 navCurrent.js 文件 在 vue页面引入 .js 文件: css: ...原创 2021-07-06 14:52:22 · 478 阅读 · 0 评论 -
说一下 vue 双向绑定(响应式数据)的原理
原理 vue 双向数据绑定是通过 数据劫持 结合 发布订阅模式的方式来实现的,也就是说数据和视图同步,数据发生变化,视图跟着变化,视图变化,数据也会随之发生变化 核心:关于数据双向绑定 其核心是 object.defindProperty() 方法 默认vue在初始化数据时,会给data中的属性使用 object.definedProperty() 重新定义所有属性,当页面重新取到属性时,会进行依赖收集(收集当前组件的watcher),如果属性发生变化会通知相关依赖进行更新操作 ...原创 2021-05-20 17:13:59 · 276 阅读 · 0 评论 -
对 MVVM 原理的理解
MVVM (Model - View - ViewModel)是 MVM 的进阶版 传统的 MVM 指的是,用户操作会请求服务端路由,路由会调用对应的控制器来处理,控制器会获取数据,将结果返回给前端,页面重新渲染。 MVVM:传统的前端会将数据手动渲染到页面上,MVVM 模式不需要用户收到操作dom元素,将数据绑定到viewModel层上,会自动将数据渲染到页面上,视图变化会通知viewModel层更新数据,viewModel 就是我们 MVVM 模式的桥梁。 ...原创 2021-05-20 15:57:50 · 333 阅读 · 0 评论 -
vue中keep-alive的使用及详解
概念 keep-alive是vue内置抽象组件,他自身不会渲染成一个DOM组件,也不会出现父组件链中。使用keep-alive包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。 作用 在组件切换过程中将状态保留在内存中,防止重复渲染DOM,减少加载时间及性能消耗,提高用户体验性。 原理 这里是引用 ...翻译 2021-05-19 16:55:12 · 526 阅读 · 0 评论 -
Vue父子组件之间,兄弟组件之间的传值
1、父传子 父组件代码: 子组件1代码: ------------------------子组件通过props接收父组件传过来的值:---------------------------------- 2、子传父 子组件2代码: ------------------子组件通过change方法触发$emit事件来连接子父之间的传值,声明transferUser作为事件名--------------------- 父组件代码: 3、兄弟组件之间传值 组件1 向组件2传递数据 首先要实例一个vue原创 2021-05-17 17:07:00 · 67 阅读 · 0 评论 -
ajax传入多个数值,包含数组 java接收
原创 2021-02-27 13:59:10 · 109 阅读 · 0 评论 -
Vue 99%出现的面试题
Vue如何去除url 的 # vue-router 中默认使用的是hash 模式,所以在路由加载的时候,项目中url 会自带 #。如果不想使用 #,可以使用vue-router 的另一种模式 history new Router({ mode: 'history', routes: [ ] }) Vue生命周期的理解 vue实例有一个完整的生命周期,生命周期也就是指一个实例从开始创建都销毁的这个过程 beforeCreate() 在实例创建之前执行,数据未加载状态 creacted() ..原创 2020-08-14 10:56:21 · 131 阅读 · 0 评论