摘要: ref的作用 1.获取dom元素this.$refs.box 2.获取子组件中的datathis.$refs.box.msg 3.调用子组件中的方法this.$refs.box.open() 阅读全文
posted @ 2020-08-10 14:17 Daeeman 阅读(397) 评论(0) 推荐(0)
摘要: 说说你对 SPA 单页面的理解,它的优缺点分别是什么? SPA( single-page application )仅在 Web 页面初始化时加载相应的 HTML、JavaScript 和 CSS。一旦页面加载完成,SPA 不会因为用户的操作而进行页面的重新加载或跳转;取而代之的是利用路由机制实现 阅读全文
posted @ 2020-08-10 14:12 Daeeman 阅读(526) 评论(0) 推荐(0)
摘要: computed 和 watch 的区别和运用的场景? computed: (监测的是 依赖值 )是计算属性,依赖其它属性值,并且 computed 的值有缓存,只有它依赖的属性值发生改变,下一次获取 computed 的值时才会重新计算 computed 的值; watch: (监测的是 属性值 阅读全文
posted @ 2020-08-10 14:10 Daeeman 阅读(174) 评论(0) 推荐(0)
摘要: #v-model 的原理 我们在 vue 项目中主要使用 v-model 指令在表单 input、textarea、select 等元素上创建双向数据绑定,我们知道 v-model 本质上不过是语法糖,v-model 在内部为不同的输入元素使用不同的属性并抛出不同的事件: • text 和 text 阅读全文
posted @ 2020-08-10 14:08 Daeeman 阅读(442) 评论(0) 推荐(0)
摘要: Vue组件 data 为什么必须是函数 因为组件是可以复用的,JS 里对象是引用关系,如果组件 data 是一个对象,那么子组件中的 data 属性值会互相污染,产生副作用。 所以一个组件的 data 选项必须是一个函数,因此每个实例可以维护一份被返回对象的独立的拷贝。new Vue 的实例是不会被 阅读全文
posted @ 2020-08-10 13:35 Daeeman 阅读(321) 评论(0) 推荐(0)
摘要: 谈谈你对 keep-alive 的了解? keep-alive 是 Vue 内置的一个组件,可以使被包含的组件保留状态,避免重新渲染 ,其有以下特性: 一般结合路由和动态组件一起使用,用于缓存组件; 提供 include 和 exclude 属性,两者都支持字符串或正则表达式, include 表示 阅读全文
posted @ 2020-08-10 13:33 Daeeman 阅读(289) 评论(0) 推荐(0)
摘要: #请介绍一下你对vue-router的理解? vue-router实现原理? vue-router 有 3 种路由模式:hash、history、abstract, hash: 使用 URL hash 值来作路由。支持所有浏览器,包括不支持 HTML5 History Api 的浏览器; histo 阅读全文
posted @ 2020-08-10 12:55 Daeeman 阅读(140) 评论(0) 推荐(0)
摘要: 重中之重、Vue的双向数据绑定原理是什么? 答:vue.js 是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。 具体步骤: 第一步:需要observe的数据对象 阅读全文
posted @ 2020-08-10 12:24 Daeeman 阅读(341) 评论(0) 推荐(0)
摘要: MVC和MVVC? MVC是后端中的概念 M (Model) 是指数据库中的数据 V (View) C (Controller) MVVC中是前端概念 M (Model) 是data里数据(通过ajax等获取的数据) V (View) 是html结构 VM (ViewModel)是new vue 中 阅读全文
posted @ 2020-08-10 11:08 Daeeman 阅读(5177) 评论(0) 推荐(1)
摘要: 请介绍常见的 HTTP 状态码(至少五个) 状态码是由 3 位数组成,第一个数字定义了响应的类别,且有五种可能取值: ####1xx:指示信息–表示请求已接收,继续处理。 100 客户必须继续发出请求 101 客户要求服务器根据请求转换HTTP协议版本 ####2xx:成功–表示请求已被成功接收、理 阅读全文
posted @ 2020-08-10 11:02 Daeeman 阅读(99) 评论(0) 推荐(0)
摘要: call,apply,bind三者的区别? ## 都是用来改变this指向的 call和apply都是function原型上的方法,每一个函数作为function的实例都可以调用这两个方法,而这两个方法都是用来改变this指向的 一般情况下this指向其调用者() call fun.call(thi 阅读全文
posted @ 2020-08-10 10:55 Daeeman 阅读(134) 评论(0) 推荐(0)
摘要: 1. slot/插槽 1). 插槽的作用: 父组件向子组件传递标签结构(也可以是数据) 通过标签体传递, 而不再是标签属性 2). slot的分类 普通插槽(slot) 命名插槽(named slot) 作用域插槽(scoped slot) 3). 区别 普通插槽: 子组件只能有一个插槽, 标签体内 阅读全文
posted @ 2020-08-10 10:08 Daeeman 阅读(146) 评论(0) 推荐(0)