admin 管理员组

文章数量: 1086019


2024年3月22日发(作者:51单片机c语言程序设计)

VUE题库

优点?

轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几

十kb;

简单易学:国人开发,中文文档,不存在语言障碍 ,易于理解和学

习;

双向数据绑定:保留了angular的特点,在数据操作方面更为简单;

组件化:保留了react的优点,实现了html的封装和重用,在构建单页

面应用方面有着独特的优势;

视图,数据,结构分离:使数据的更改更为简单,不需要进行逻辑代码

的修改,只需要操作数据就能完成相关操作;

虚拟DOM:dom操作是非常耗费性能的, 不再使用原生的dom操作

节点,极大解放dom操作,但具体操作的还是dom不过是换了另一种方

式;

运行速度更快:相比较与react而言,同样是操作虚拟dom,就性能而

言,vue存在很大的优势。

父组件向子组件传递数据?

通过props

3.子组件像父组件传递事件?

$emit方法

4.v-show和v-if指令的共同点和不同点?

共同点:都能控制元素的显示和隐藏;

不同点:实现本质方法不同,v-show本质就是通过控制css中的

display设置为none,控制隐藏,只会编译一次;v-if是动态的向DOM树内

添加或者删除DOM元素,若初始值为false,就不会编译了。而且v-if不停

的销毁和创建比较消耗性能。

总结:如果要频繁切换某节点,使用v-show(切换开销比较小,初始开

销较大)。如果不需要频繁切换某节点使用v-if(初始渲染开销较小,切换开

销比较大)。

5.如何让CSS只在当前组件中起作用?

在组件中的style前面加上scoped

6.的作用是什么?

keep-alive 是 Vue 内置的一个组件,可以使被包含的组件保留状态,

或避免重新渲染。

7.如何获取dom?

ref="domName" 用法:this.$e

8.说出几种vue当中的指令和它的用法?

v-model双向数据绑定;

v-for循环;

v-if v-show 显示与隐藏;

v-on事件;v-once: 只绑定一次。

9. vue-loader是什么?使用它的用途有哪些?

vue文件的一个加载器,将template/js/style转换成js模块。

用途:js可以写es6、style样式可以scss或less、template可以加jade

10.为什么使用key?

需要使用key来给每个节点做一个唯一标识,Diff算法就可以正确的识

别此节点。作用主要是为了高效的更新虚拟DOM。

及安装?

请求后台资源的模块。npm install axios --save装好,js中使用import


本文标签: 数据 操作 组件 使用 需要