vue
哎呀你干嘛啊
这个作者很懒,什么都没留下…
展开
-
安装Vue脚手架3或更高版本之后还想使用Vue脚手架2创建项目、启动项目,如何让高版本@vue/cli也能使用低版本vue-cli的命令?
安装vue cli3或更高版本脚手架之后,如果仍然需要使用旧版本脚手架2的 功能,怎么办?这样也可以使用vue cli2的方式创建项目,并不会使更高版本的创建失效;这时候可以安装一个桥接工具。原创 2022-08-22 09:20:35 · 954 阅读 · 0 评论 -
【解决 vue-router 报错:Navigation cancelled from “/...“ to “/...“ with a new navigation】
解决 vue-router 报错:Navigation cancelled from “/...“ to “/...“ with a new navigation_明天也要努力的博客-CSDN博客原创 2022-08-13 20:42:46 · 1450 阅读 · 0 评论 -
vue中使用bus总线在非父子组件之间传值
原理:在Vue原型中 创建一个bus属性,让每一个组件(实例)都具有这个属性。使用bus总 线可以在 兄弟 父子 祖先和后代 组件之间传值。原创 2022-08-08 21:14:57 · 335 阅读 · 0 评论 -
十秒看懂computed和watch的区别 (vue的简单计算和复杂监听)
十秒看懂computed和watch的区别 (vue的简单计算和复杂监听)watch和计算属性区别: 1.watch 不产生新的属性,只是在原有的内容进行更改 computed 利用原本属性,产生一个新的属性 2. computed 用于基于原有数据,可以直接计算出来的内容 ,计算属性中通常写的都是简单的逻辑 一些基本的计算和对应的判定 watch 用于复杂逻辑 ,搜索!! input框 值发送变化时,AJax请求 ,当数据变化 实现功.........原创 2022-08-04 09:58:46 · 257 阅读 · 0 评论 -
$attrs is readonly $listenners is readonly 报错解决方法
$attrs is readonly $listenners is readonly 报错解决方法原创 2022-07-15 21:44:55 · 1879 阅读 · 0 评论 -
vue 中 ref 、$refs 的用法
ref 的三种用法: 1、ref 加在普通的元素上,用this.ref.name 获取到的是dom元素 2、ref 加在子组件上,用this.ref.name 获取到的是组件实例,可以使用组件的所有方法。 3、如何利用 v-for 和 ref 获取一组数组或者dom 节点 注意: 1、ref 需要在dom渲染完成后才会有,在使用的时候确保dom已经渲染完成。比如在生命周期 mounted(){} 钩子中调用,或者在 this.$nextTick(()=>{}) 中调用。 2、如果ref 是循环原创 2022-07-14 09:09:49 · 367 阅读 · 0 评论 -
Vue插槽的深度理解和使用
对于插槽的概念和使用,这是vue的一个难点,这需要我们静下心来,慢慢研究。以下是我这两天通过官网和其他资料的学习和使用总结出来的笔记,如有错误或者有不同见解的,欢迎留言,一起学习。插槽就是子组件中的提供给父组件使用的一个占位符,用 表示,父组件可以在这个占位符中填充任何模板代码,如 HTML、组件等,填充的内容会替换子组件的标签。代码如下:1、在子组件中放一个占位符2、在父组件中给这个占位符填充内容3、展示效果:现在来看看,如果插槽中没有放入插...转载 2022-07-13 08:46:58 · 179 阅读 · 0 评论 -
vue中已声明XX,但从未读取其值 解决方法
vue中已声明XX,但从未读取其值 解决方法原创 2022-07-12 09:52:46 · 8518 阅读 · 1 评论 -
创建vue项目选了 eslint检测 如何关闭它?
我们在开发vue项目的时候,创建的时候可能会不小心选择了eslint,这个检测规则对于新手来说,简直就是噩梦,会让你崩溃。所以如果不想让eslint检测,我们该怎么办呢?我总结了一些方法,针对不同的版本。比较旧一点的项目可能会有这样一个文件。有这个文件的话,就直接修改这个文件就可以解决 上图红框框部分,我项目中的文件内容是这样的,其他项目可能有别的一些内容,我们把框框中的内容注释掉或者去掉就可以了 @vue/standard这个注释掉就可以了这种情况我们项目的目录结构一般都会创建一个文件,我们操作这个文原创 2022-07-12 09:19:16 · 1802 阅读 · 0 评论 -
vue踩坑之vue项目运行卡在百分之几几几
今天遇到这样一个问题 ,npm run serve 后项目一直卡在38%,刚开始 我以为是依赖装的太多了 我先尝试卸载一些依赖axios 、vant 等 但是 结果运行后还是 卡在38%不动,后面搜到了这个方式解决了问题, 本想自己发篇文章的 想想直转载吧, 撒楞的,接下来请看下文今天晚上打着游戏,同事突然叫我拉项目下来运行,我打完就去拉代码了,结果vue项目运行卡在66%不动了,我也是百度一下分享别人怎么解决的文章给他,继续我的游戏!结果呢?游戏结束后,我拉代码,还是这个错!我也按照给他的文章转载 2022-07-07 21:04:58 · 2543 阅读 · 0 评论 -
【vue2项目安装引入vant项目无法启动报错解决】
vue2项目 误执行npm i vant@next -S项目报错不能启动解决:1、卸载该版本vant2、安装适用vue2项目的vant版本,实测有两个版本 2.12.2、2.10.12重新运行 npm run serve/ npm run dev项目启动成功。原创 2022-07-07 17:12:18 · 1744 阅读 · 0 评论