vue面试题资源最新高频
72 浏览量
2023-06-19
16:36:23
上传
评论
收藏 103KB PDF 举报
v-if
和
v-for
的优先级
当 v-if 与 v-for 一起使用时，v-for 具有比 v-if 更高的优先级，这意味着 v-if 将分别重复运行于每
个 v-for 循环中。所以，不推荐 v-if 和 v-for 同时使用。如果 v-if 和 v-for 一起用的话，vue 中的的会
自动提示 v-if 应该放到外层去。
54、assets 和 static 的区别
相同点：assets 和 static 两个都是存放静态资源文件。项目中所需要的资源文件图片，字体图标，样
式文件等都可以放在这两个文件下，这是相同点不相同点：assets 中存放的静态资源文件在项目打包
时，也就是运行 npm run build 时会将 assets 中放置的静态资源文件进行打包上传，所谓打包简单点
可以理解为压缩体积，代码格式化。而压缩后的静态资源文件最终也都会放置在 static 文件中跟着
index.html 一同上传至服务器。static 中放置的静态资源文件就不会要走打包压缩格式化等流程，而
是直接进入打包好的目录，直接上传至服务器。因为避免了压缩直接进行上传，在打包时会提高一定
的效率，但是 static 中的资源文件由于没有进行压缩等操作，所以文件的体积也就相对于 assets 中
打包后的文件提交较大点。在服务器中就会占据更大的空间。建议：将项目中 template 需要的样式
文件 js 文件等都可以放置在 assets 中，走打包这一流程。减少体积。而项目中引入的第三方的资源
文件如 iconfoont.css 等文件可以放置在 static 中，因为这些引入的第三方文件已经经过处理，我们不
再需要处理，直接上传。
55
、
vue
常用的修饰符
.stop：等同于 JavaScript 中的 event.stopPropagation()，防止事件冒泡；.prevent：等同于 JavaScript
中的 event.preventDefault()，防止执行预设的行为（如果事件可取消，则取消该事件，而不停止事件
的进一步传播）；.capture：与事件冒泡的方向相反，事件捕获由外到内；.self：只会触发自己范围
内的事件，不包含子元素；.once：只会触发一次。
资源评论
