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 事件 并传递数据 (重点)
> >