vue-面试题

news/2024/7/10 1:53:23 标签: vue

1、标题组件中的data为什么不是一个对象而是一个函数?


组件中的data写成一个函数,数据以函数返回值形式定义,这样每复用一次组件,就会返回一份新的data,类似于给每个组件实例创建一个私有的数据空间,让各个组件实例维护各自的数据。而单纯的写成对象形式,就使得所有组件实例共用了一份data,就会造成一个变了全都会变的结果。


2、 vue中第一次页面加载会触发哪几个生命周期钩子函数?


会触发下面这几个beforeCreate, created, beforeMount, mounted


3、vue.js的两个核心是什么?


数据驱动、组件系统


4、vue中 key 值的作用?


在v-for时使用,标识组件的唯一性,更好的区分组件,高效的更新虚拟DOM


5、v-show和v-if的区别?分别说明其使用场景


v-show 和v-if都是true的时候显示,false的时候隐藏 但是:false的情况下,v-show是采用的display:none;,v-if采用惰性加载。 如果需要频繁切换显示隐藏需要使用v-show


6、Vue中常用的修饰符有哪些?并简要说明它们的作用。


Stop:阻止冒泡; prevent:阻止默认事件; once:只执行一次; capture:将事件流设为捕获方式; self:直对自身触发事件; enter:回车键;Up:上; down:下;left:左;right:右;


7、过滤器的作用是什么? 如何注册过滤器? 如何使用过滤器?


作用: 对数据进行一些加工处理,比如 数字保留几位小数
// 全局注册
// console.log(Vue.filter);
// 定义:Vue.filter(‘过滤器名’,过滤器函数)
// 过滤器函数一定要有返回值
/*
Vue.filter(‘过滤器名’,functon(变量值,传入的参数){
// 过滤处理
return 处理后的结果
})
*/
// 局部注册:

    /*
        new Vue({
            el:""
            ...,
            filters:{
                过滤器名:function(变量值,传入的参数=参数默认值){
                    // 过滤处理
                     return  处理后的结果
                }
            }
        })


    */        

// 使用: {{ 变量 | 过滤器名 }}

8、Vue实例有哪些常见的配置选项,分别用来干嘛?


el 挂载的节点
data 数据
methods 事件方法
computed 计算属性
watch 监听器
components 局部组件
filters 过滤器
directives 自定义指令
生命周期钩子函数


9、vue中数组发生改变了,但是页面没有渲染,怎么办?


arr.splice()
Vue.set()
vm.$set()


10、组件中的data为什么不是一个对象而是一个函数?


组件中的data写成一个函数,数据以函数返回值形式定义,这样每复用一次组件,就会返回一份新的data,类似于给每个组件实例创建一个私有的数据空间,让各个组件实例维护各自的数据。而单纯的写成对象形式,就使得所有组件实例共用了一份data,就会造成一个变了全都会变的结果。


http://www.niftyadmin.cn/n/1521073.html

相关文章

innerHTML与innerText与outHTML与outText 的区别。

innerHTML,baiinnerText和outerHTML,outerText的区别如下: 1)innerHTML 设置或获du取位于对象起始和结束zhi标dao签内的 HTML内容 2)innerText 设置或获取位于对象起始和结束标签内的文本 3)outerHTML设…

众生游服务器维护,众生游完美开局的三种方法

众生游完美开局的三种方法2020-06-06 11:53 作者:我游网 来源:本站整理 浏览:1682众生游怎么完美开局?很多玩家不知道完美开局的方法,其实完美开局很容易,下面我游网小编给大家分享一下众生游完美开局的三种…

今天又来和大家分享一些js常见的面试题

1、介绍js的基础数据类型 js 一共有六种基本数据类型,分别是 Undefined、Null、Boolean、Number、String,还有在 ES6 中新增的 Symbol 类型, 代表创建后独一无二且不可变的数据类型,它的出现我认为主要是为了解决可能出现的全局变…

精心收集的几个超实用的JavaScript代码片段(ES6 +编写)

Value or default (值或者默认值) 返回 value ,如果传递的值是 falsy ,则返回默认值。 JavaScript 代码: const valueOrDefault (value, d) > value || d; // valueOrDefault(NaN, 30) -> 30Validate number (数字验证) 使用 !isNaN 和 parseFlo…

简述:bs和cs的区别

B/S B/S即:Browser与Server,中文意思:浏览器端与服务器端架构,这种架构是从用户层面来划分的,Browser浏览器,其实也是一种Client客户端,只是这个客户端不需要大家去安装什么应用程序,只需在浏览…

http和https有什么区别?

http协议和https协议的区别: 传输信息安全性不同、连接方式不同、端口不同、证书申请方式不同。 一、传输信息安全性不同 1、http协议:是超文本传输协议,信息是明文传输。如果攻击者截取了Web浏览器和网站服务器之间的传输报文,…

Vue中 computed、methods的区别

computed 和 methods computed是计算属性,methods是方法,都可以实现对 data 中的数据加工后再输出。 不同的是 computed 计算属性是基于它们的依赖进行缓存的。计算属性 computed 只有在它的相关依赖发生改变时才会重新求值。这就意味着只要data 中的数…

【Linux】基础IO——文件描述符/缓冲区/重定向/文件系统

文章目录 一、文件描述符二、缓冲区三、重定向的原理四、文件系统 (Linux Ext2)1 认识磁盘的结构CHSLBABlock 2 认识文件系统2.1 分区2.2 文件系统的结构2.3 剖析inode2.4 文件的操作 3 软硬链接3.1 软链接3.2 硬链接 📝 个人主页 :超人不会飞)&#x1f…