
vue
文章平均质量分 50
qinqinzqq
学习学习再学习...
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
前端面试题(六)-- Vue
但是和渲染函数不同,为计算属性创建的Watcher不会立即执行,因为要考虑到该计算属性是否会被渲染函数使用,如果没有使用,就不会得到执行。dirty属性用于指示当前的value是否已经过时了,即是否为脏值,受到lazy的影响,该值在最开始是true,Watcher创建好后,vue会使用代理模式,将计算属性挂载到组件实例中,当读取计算属性市,vue检查其对应的Watcher是否是脏值,如果是,则运行函数,计算依赖,并得到对应的值,保存在Watcher的value中,然后设置dirty为false,然后返回。原创 2023-02-19 19:47:35 · 1285 阅读 · 0 评论 -
Invalid prop: type check failed for prop “maxLength“. Expected Number, got String.
问题背景:使用Element-ui of Vue的input的maxlength属性报错。原创 2022-12-01 11:20:01 · 468 阅读 · 0 评论 -
iframe框架中src相对路径问题
vue项目中使用的iframe框架,需要内嵌一个静态页面,使用的相对路径,本地运行没有问题,但是打包之后报错404原创 2022-09-15 13:38:50 · 5440 阅读 · 2 评论 -
VUE的diff算法
在对比其子节点数组时,vue对每个子节点数组使用了两个指针,分别指向头尾,然后不断向中间靠拢来进行对比,这样做的目的是尽量复用真实dom,尽量少的销毁和创建真实dom,如果发现相同,则进入和根节点一样的对比流程,如果不同,则移动真实dom到合适的位置;具体来说,首先对根节点进行对比,如果相同则将旧节点关联的真实dom的引用挂到新节点上,然后根据需要更新属性到真实dom,然后再对比其子节点数组,如不相同,则按照新节点的信息递归创建所有真实dom,同时挂到对应虚拟节点上,然后移除掉旧的dom;...原创 2022-08-15 16:44:02 · 535 阅读 · 0 评论 -
vue中 $router 和 $route 的区别
当需要在一个页面中嵌套子路由,并且页面不跳转的时候,只需要将子页面渲染在 router-view 里面。2. 导入 vue, vue-router,并定义路由,每个路由包含一个 component 属性,这个属性映射一个组件 --- router.js。4. 在 vue 根实例中注入路由,这样就可以在其他任何组件中访问路由了 --- main.js。匹配到的路由记录,包含当前路由的 path, name, params, query 等属性。:当前激活的路由的信息对象。解析得到的信息,还有。...原创 2022-08-11 13:21:14 · 424 阅读 · 0 评论 -
ERROR:Module not found: Error: Can‘t resolve ‘core-js/modules/es.promise.js‘ in ‘address‘
原因:未安装core-js在package.json所在目录执行如下命令 :原创 2022-08-08 16:39:49 · 902 阅读 · 0 评论 -
scoped穿透:VUE+Element-UI的组件样式修改
在使用Element-UI组件编写时,发现样式需要修改,那么就需要使用穿透来进行修改,以下是不同预处理语言下可以使用深度访问(样式穿透)功能的方法:如果Vue项目中style的 lang 是 css,那么:但是有时候 这种写法不会被 scss 或 less 预处理器识别。如果Vue项目中style的 lang 是 less,那么:3. ::v-deep如果Vue项目中style的 lang 是 scss,那么:Tips:如果需要穿透修改,那么在穿透时,style中的scoped也是必原创 2022-08-06 22:16:10 · 943 阅读 · 0 评论 -
Vue 3
1、什么是hook:本质是一个函数,把setup函数中使用的Composition API进行了封装;类似于vue2中的mixin2、自定义hook的优势:复用代码,让setup中的逻辑更加清楚易懂。原创 2022-08-02 17:44:58 · 1699 阅读 · 0 评论 -
VUE基础(V2)
1、定义语法newVue({{指令名配置对象}})或newVue({})Vue.directive(指令名,配置对象)或Vue.directive(指令名,回调函数)2、配置对象中常用的3个回调函数1).bind指令与元素成功绑定时调用指令所在元素被插入页面时调用3).updated指令所在模板结构被重新解析时调用3、备注1)指令定义时不加v-,但使用时要加v-2)指令名如果是多个单词,要使用kebab-case命名方式,不要使用camelCase命名方式。...原创 2022-08-01 16:06:43 · 1086 阅读 · 0 评论 -
vue-router安装报错
在安装vue路由时发现如下报错:其中我们特别注意:npm ERR! peer vue@"^3.2.0" from vue-router@4.1.2因为2022年2月7日以后,vue-router的默认版本,为4版本,而且 vue-router4,只能在vue3中,只有vue-router3中,能用在vue 2中如果把vue-router4强制安装到vue2中,则会报上面的错误;vue2正确安装方法:......原创 2022-07-12 15:09:24 · 5340 阅读 · 0 评论 -
网页右边没有滚动条,内容超出也看不到怎么办?
遇到的问题:博主正在进行vue组件开发,将主页面添加了组件之后,发现在浏览器中打开内容超出但没有滚动条解决方法:我们可以找一下css中的设置,去掉 html和body中的overflow:hidden;即可!...原创 2022-07-08 21:28:08 · 6575 阅读 · 0 评论 -
We’re sorry but (项目名称) doesn’t work properly without JavaScript enabled/Vue路由history模式跳转报错404--解决方案
遇到的问题:本地开发环境,项目是vue-cli创建的,访问接口状态为200,但没有正确返回数据,返回信息提示为“We’re sorry but example doesn’t work properly without JavaScript enabled. Please enable it to continue.”搜索全局发现打包之后的dist目录下 index.html 中有一句一模一样的文字,说明请求返回了index页面;网上搜索一番发现,可能是server配置不对,没有匹配到要请求的路径。如果是开原创 2022-07-08 21:00:51 · 18084 阅读 · 0 评论