VUE
文章平均质量分 61
VUE项目相关知识点
Cshaosun
这个作者很懒,什么都没留下…
展开
-
VUE修改组件props中的值报错Avoid mutating a prop directly since the value will be overwritten whenever the par
报错信息:Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "showPromptMes"Vue2.0 中组件props中的数据只能单向流动,即只能从父组件通过组件的D原创 2024-04-17 14:48:42 · 254 阅读 · 0 评论 -
路由的 hash 和 history 模式的区别
为了构建SPA(单页面应用)即不刷新整体页面,通过地址栏中的变化来实现单页面的切换等功能。Vue-Router用了两种模式来实现:hash 模式和history 模式。默认的路由模式是 hash 模式。hash模式和 history模式都属于浏览器自身的特性, Vue-Router只是利用了这两个特性来实现前端路由和页面的关联。hash模式和 history模式最直观的区别就是-----hash路由带#号history路由不带#号。1、hash模式带#号比较丑,history模式比较优雅;2、原创 2024-04-17 11:08:52 · 867 阅读 · 0 评论 -
VUE路由之---Vue-router
Vue Router 是的官方路由。它与 Vue.js 核心深度集成,让用 Vue.js 构建单页应用变得轻而易举。单个路由(某一个路由)多个理由集合路由管理器。原创 2024-04-15 16:14:11 · 601 阅读 · 0 评论 -
VUE生命周期
(创建前):数据观测和初始化事件还未开始, 此时data 的响应式追踪、 event/watcher 都还没有被设置, 也就是说不能访问到 data、 computed、 watch、 methods 上的方法和数据。(挂载前):在挂载开始之前被调用, 相关的 render函数首次被调用。(销毁后):实例销毁后调用, 调用后, Vue 实例指示的所有东西都会解绑定, 所有的事件监听器会被移除, 所有的子实例也会被销毁。(更新后):在数据更新之后被调用,该方法还会在组件的子组件更新之后被调用。原创 2024-04-11 11:50:45 · 1105 阅读 · 0 评论 -
VUE中v-if 和 v-for 哪个优先级更高? 如果同时出现, 应如何优化?
在vue3.x没出来时,回答:v-for 优先级比 v-if高是没问题的,但是有了vue3.x后这个回答就不正确了。正确的回答是什么呢咱们往下看。原创 2024-04-10 17:08:02 · 384 阅读 · 0 评论 -
delete 和 Vue.delete 删除数组的区别
是js中原生的操作符,当用 delete 删除数组中的元素时,它 只是被删除的元素变成了 empty/undefined 其他的元素的键值还是不变。即不会改变数组的长度。被删除的元素位置会被保留为一个空洞,即数组的索引位置仍然存在,但对应的元素值为 undefined。Vue.delete 直接删除了数组 改变了数组的键值;并且会触发ue 的响应式更新机制,确保删除操作能够被 Vue 监测到并更新视图。是 Vue框架提供的一个全局方法,用于删除 Vue 响应式对象【数组和对象】中的属性或数组元素。原创 2024-04-10 15:31:53 · 162 阅读 · 0 评论 -
vue项目中assets 和 static 文件夹存放资源的区别
中的资源文件在npm run build打包是会被webpack 处理,对内部的资源文件进行压缩格式化等操作,最终放到static文件夹中和index.html一起上传。项目中所需要的资源文件图片, 字体图标, 样式文件等都可以放在这两个文件下。项目中引入的第三方的资源文件如 echarts 等文件可以放置在 static 中,第三方文件已做过处理无需处理可直接上传。中放置的静态资源文件就不会要走打包压缩格式化等流程, 而是直接进入打包好的目录, 直接上传至服务器。原创 2024-04-10 15:10:20 · 138 阅读 · 0 评论 -
vue中$nextTick 原理及应用
Vue 的 nextTick 其本质是对 JavaScript 执行原理 EventLoop 的。setImmediate、 setTimeout 的原生 JavaScript 方法来模拟对应的。nextTick 不仅是 Vue 内部的异步队列的调用方法, 同时也允许开发。微/宏任务的实现, 本质是为了利用 JavaScript 的这些异步回调任。$nextTick 是 Vue.js 中的一个实例方法,务队列来实现 Vue 框架中自己的异步回调队列。原创 2024-04-03 17:55:08 · 293 阅读 · 0 评论