1、vue的优点有哪些。
答:首先介绍一下vue的特点:响应式编程和组件化;
再介绍一下vue的优点:
a. 轻量级框架
b. 简单易学
c. 双向数据绑定
d. 组件化
e. 视图
f. 数据和结构的分离
g. 虚拟DOM
2、vue的使用方式有哪些?
答:a.类似jQuery的引入方式;
b.跟node.js结合起来使用,使用起来类似java面向对象编程。
3、mvvm框架是什么?其与jQuery的区别有哪些?具体应用场景是什么?
答:mvvm=model+view+viewModel框架,viewModel用了连接model+view;
Vue数据驱动是通过显示视图操作的,不是通过节点操作的;
数据操作比较多的场景。
4、Vue的生命周期是什么?
答:简单来说,vue的生命周期是vue实例从创建到销毁的过程。即开始创建vue实例、初始化数据、编译运行模板、挂载dom(渲染)、更新(渲染)、卸载等过程。
5、说出4中vue指令和作用。
答:v-if:判断是否因此隐藏;
v-for:循环数据;
v-bind:class:用于绑定属性;
V-model:双向绑定
6、vue渲染时如何将数据原样输出?
答:a.v-text:将数据输出到元素内部,如果有html代码,依然原样输出;
b.v-html:依然是将数据输出到元素内部,如果有HTML代码,就会被渲染成html;
c.{{}}:这是插值表达式,这个可以直接获取vue实例中的函数或数据,但是值可能会出现闪烁,而上面两个就不会。
7、如何创建一个vue实例,如何将数据对象加入vue实例,举例说明?
答:代码如下:
var vm = new Vue({
//选型
})
当一个vue实例被创建后,如果加入了数据对象,这个数据对象中的所有属性会加入到vue的响应系统中。当这些属性都变化时,vue视图也会响应为新值。
代码例子:
var data = {a:1}
//将data数据对象加入到vue实例中
var vm = new Vue({
data:data
})
//获取实例的属性
vm.a == data.a;
//设置vm属性也会影响到原始数据
vm.a = 2
data.a ==2;
//反之也是如此
data.a = 3
vm.a == 3;
8、vue中有哪些修饰符,有什么作用?
答:vue中的事件:@click、@mouseover、@mouseout、@change、@keyup等
Vue中事件修饰符:.stop阻止冒泡 .prevent阻止默认事件
9、为什么要进行前后端分离,优缺点分别是什么?
答:前端追求页面美观、页面流畅和兼容性;
后端追求三高(高并发、高可用、高性能);
从而通过降低前后端耦合,提高开发效率。
缺点是:a.当接口改变时,前后端都需要改变;
b.发生异常,前后端需要联调,很耗时。
10.谈一下对前后端分离的理解?
答:a.前端静态化,只有html、css、js;前端内容的运行环境和引擎基于浏览器,不需要后端提供动态化组装。
b.后端数据化,后端只负责提供数据,不提供任何与界面相关的东西。
c.平台无关化,前端技术本身与平台无关。
d.架构分离,后端可以使用任何语言,与前端彻底分离。
![628adbf61c0e16d86f2fcb58215ea2aa.png](https://i-blog.csdnimg.cn/blog_migrate/083c186e9224f8e1a87a2c7d16c76b8f.jpeg)