vue2

1、v-if和v-for为什么不能连用?

当 Vue 处理指令时,v-for 比 v-if 具有更高的优先级,如果连用的话,每次v-for都会执行v-if,造成不必要的计算,影响性能。

2、单页面应用和多页面应用区别及优缺点?

单页应用

是由一个主页面多个子片段组成,页面资源(js,css等)都包含在主页面中随着页面打开一起加载,页面通过前端路由动态加载页面片段。

优缺点

页面可局部刷新,服务器压力相对小,打开速度快体验相对较好

前后端项目分离,可维护性好

不利于SEO(搜索引擎优化)

导航需要自行实现前进、后退功能

初次加载时耗时多

页面复杂度提高

多页应用

是由多个完成的页面组成,每个页可在加载自己的资源,页面跳转整页刷新

优缺点

页面切换缓慢流畅度不够,用户体验差

维护成本相对复杂

有利于seo搜索优化

无法实现专场动画等

3、v-model 该如何实现?

v-model 即可以作用在普通表单元素上,又可以作用在组件上,它其实是一个语法糖。

主要实现方式:

v-bind:绑定响应式数据;

触发 input 事件 并传递数据 (重点)

> >

JSRUN前端笔记, 是针对前端工程师开放的一个笔记分享平台,是前端工程师记录重点、分享经验的一个笔记本。JSRUN前端采用的 MarkDown 语法 (极客专用语法), 这里属于IT工程师。