答:css
-
轻量级框架:只关注视图层,是一个构建数据的视图集合,大小只有几十
kb
;html -
简单易学:国人开发,中文文档,不存在语言障碍 ,易于理解和学习;前端
-
双向数据绑定:保留了
angular
的特色,在数据操做方面更为简单;vue -
组件化:保留了
react
的优势,实现了html
的封装和重用,在构建单页面应用方面有着独特的优点;react -
视图,数据,结构分离:使数据的更改更为简单,不须要进行逻辑代码的修改,只须要操做数据就能完成相关操做;ios
-
虚拟DOM:
dom
操做是很是耗费性能的, 再也不使用原生的dom
操做节点,极大解放dom
操做,但具体操做的仍是dom
不过是换了另外一种方式;es6 -
运行速度更快:相比较于
react
而言,一样是操做虚拟dom
,就性能而言,vue
存在很大的优点。算法
2.vue父组件向子组件传递数据?
答:经过 props
npm
3.子组件像父组件传递事件?
答:$emit
方法axios
4.v-show 和 v-if指令的共同点和不一样点?
答:
共同点: 都能控制元素的显示和隐藏;
不一样点: 实现本质方法不一样,v-show
本质就是经过控制 css 中的 display
设置为 none
,控制隐藏,只会编译一次;v-if
是动态的向 DOM 树内添加或者删除 DOM 元素,若初始值为 false
,就不会编译了。并且 v-if
不停的销毁和建立比较消耗性能。总结:若是要频繁切换某节点,使用 v-show
(切换开销比较小,初始开销较大)。若是不须要频繁切换某节点使用 v-if
(初始渲染开销较小,切换开销比较大)。
若是你以上的都会了, 说明你 60分及格了,另外如今vue3.0出来了,找工做通常都会问到,若是你还没学好。能够去小编前端扣扣裙 519293536 交流学习,里面有不少大佬,还有前端新技术资料分享!
5. 如何让CSS只在当前组件中起做用?
答:在组件中的 style
前面加上 scoped
6. 的做用是什么?
答: keep-alive
是 Vue 内置的一个组件,能够使被包含的组件保留状态,或避免从新渲染。
7.如何获取dom?
答:ref="domName"
用法:this.$refs.domName
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。
11.axios及安装?
答:请求后台资源的模块。npm install axios —save
装好, js中使用 import
进来,而后 .get
或 .post
。返回在 .then
函数中若是成功,失败则是在 .catch
函数中。
12.v-modal的使用
答:v-model
用于表单数据的双向绑定,其实它就是一个语法糖,这个背后就作了两个操做:v-bind
绑定一个 value
属性;v-on
指令给当前元素绑定 input
事件。
13.请说出vue.cli项目中src目录每一个文件夹和文件的用法?
答:assets
文件夹是放静态资源;components
是放组件;router
是定义路由相关的配置; app.vue
是一个应用主组件;main.js
是入口文件。
14.分别简述computed和watch的使用场景
答:
-
computed
: 当一个属性受多个属性影响的时候就须要用到computed
,最典型的栗子:购物车商品结算的时候 -
watch
: 当一条数据影响多条数据的时候就须要用watch
,栗子:搜索数据
15.v-on能够监听多个方法吗?
答:能够,栗子:<input type="text" v-on="{ input:onInput,focus:onFocus,blur:onBlur, }">
。
最后
总结:若是你以上的都会了, 说明你 60分及格了,另外如今vue3.0出来了,找工做通常都会问到,若是你还没学好。能够去小编前端扣扣裙 519293536 交流学习,里面有不少大佬,还有前端新技术资料分享!本文的文字及图片来源于网络加上本身的想法,仅供学习、交流使用,不具备任何商业用途,版权归原做者全部,若有问题请及时联系咱们以做处理