1、vue 双向绑定原理?
vue数据双向绑定是通过数据
劫持结合发布者订阅者模式的方式来来实现的。利用了objece.defineProperty()这个方法重新定义了对象获取属性值(get)和设置属性值(set)
2、说说vue react angularjs jquery的区别?
jquery 与另外两者的最大区别是 jquery是事件驱动 其他两者是数据驱动。
jquery 业务逻辑和UI更改该混在一起,UI里面还参杂这加护逻辑,让本来混乱的逻辑更加混乱。Angular,vue是双向绑定 。而react不是 其他还有设计理念上的区别等。
3、active-class 是那个组件的属性?嵌套路由怎么定义?
vue-router模块的router-link组件
4、vue优点?
轻量级框架:只关注是涂层,是一个构建数据的视图集合
比较简单易学:国人开发,中文文档,不存在语言障碍,易于理解和学习
双向数据绑定:保留了angular的特点,咋数据操作方面更为简单
组件化:保留了react的优点,实现了html的封装和重用,在构建视图,数据,结构分离,使数据的更改更为简单,不需要进行逻辑就能完成相关操作
虚拟DOM:dom操作是非常耗费性能的,不再使用原生的dom操作节点,极大解放dom操作。
运行速度更快,性比较与react而言。同样是操作虚拟dom,就性能而言,vue粗恩在很大的优势
5、vue父组件向子组件传递数据?
答:通过props
6、子组件向父组件传递事件?
答:
e
m
i
t
方
法
7
、
v
−
s
h
o
w
和
v
−
i
f
指
令
的
共
同
点
和
不
通
电
?
答
:
共
同
点
。
都
能
孔
氏
元
素
的
显
示
和
隐
藏
不
同
点
:
实
现
本
质
方
法
不
同
,
v
−
s
h
o
w
本
质
就
是
通
过
控
制
c
s
s
中
的
d
i
s
p
l
a
y
设
置
为
n
o
n
e
,
控
制
隐
藏
v
−
i
f
是
向
D
O
M
树
内
添
加
或
者
删
除
D
O
M
元
素
,
若
初
始
值
我
为
f
a
l
s
e
,
就
不
会
编
译
了
8
、
如
何
获
得
d
o
m
?
答
:
r
e
f
=
"
d
o
m
N
a
m
e
"
用
法
:
t
h
i
s
.
emit方法 7、v-show和v-if指令的共同点和不通电? 答:共同点。都能孔氏元素的显示和隐藏 不同点:实现本质方法不同,v-show本质就是通过控制css中的display设置为none,控制隐藏 v-if是向DOM树内添加或者删除DOM元素,若初始值我为false,就不会编译了 8、如何获得dom ? 答:ref = "domName" 用法:this.
emit方法7、v−show和v−if指令的共同点和不通电?答:共同点。都能孔氏元素的显示和隐藏不同点:实现本质方法不同,v−show本质就是通过控制css中的display设置为none,控制隐藏v−if是向DOM树内添加或者删除DOM元素,若初始值我为false,就不会编译了8、如何获得dom?答:ref="domName"用法:this.refs.domName
9、vue-loader是什么?使用它的用途有那些?
答:vue文件的一个加载器,将template/js/style/转换成js模块
用途 js可以写es6、style样式可以scss或者less,template可以加jade等
10、为什么要使用key?
需要使用key来给每个节点做一个唯一标识,Diff算法就可以正确的识别此节点。作用是为了高效的更新虚拟DOM
11、axios 及安装?
请求后台资源的模块。npm install axios
js中使用import 引进来 然后.get或.post 返回在.then函数中,如果成功
失败则是在.catch函数中
12、v-model的使用?
v-model使用表单数据的双向绑定,其实它就是一个语法糖,这个背后就做了两个操作
v-bind绑定一个value属性
v-on指令给当前元素绑定input事件
13、请说出vue.cli项目中src目录下每个文件夹和文件的用法?
答:assets文件夹是放静态资源;components是放组件;router是定于路由相关配置的;app.vue是一个应用主组件,main.js是入口文件。
vue常见面试题
最新推荐文章于 2021-11-02 09:25:19 发布