有学有练才叫学习:学而不思则罔,思而不学则殆:学而不习,纸上谈兵,习而不进,画地为牢!

TypeScript intellisense is disabled on template. To enable, configure `”jsx”: “preserve”` in the `”compilerOptions”` property of tsconfig or jsconfig. To disable this prompt instead, configure `”experimentalDisableTemplateSupport”: true` in `”vueCompilerOptions”` property.volar

TypeScript intellisense is disabled on template. To enable, configure `”jsx”: “preserve”` in the `”compilerOptions”` property of tsconfig or jsconfig. To disable this prompt instead, configure `”experimentalDisableTemplateSupport”: true` in `”vueCompilerOptions”` property.volar
vue问题:TypeScript intellisense is disabled on template. To enable, configure "jsx": "preserve" in the "compilerOptions" property of tsconfig or jsconfig. To disable this prompt inst……继续阅读 »

3天前 9浏览 0评论 0个赞

Vue2 升级到 Vue3 到底是不是一个正确的选择?(尤雨溪亲自回复解读)

Vue2 升级到 Vue3 到底是不是一个正确的选择?(尤雨溪亲自回复解读)
就在前不久,一篇反对Vue2升级到Vue3的文章在vue官方社区引起了热议。 这篇文章从实际应用角度出发,分析了Vue2到Vue3在真实项目中实操升级的痛点,提出了一个反对的声音:Vue3的升级是一个错误的选择。 在一片热议中,甚至尤大都出来亲自解释并承认了一些问题。本文列举了一些原文中提到的观点以及尤大的回复。希望能给各位读者在实际项目升级时,提供更实际更全面的参考。 前言 原作者首先声明了他并没有贬低Vue3的意……继续阅读 »

2个月前 (08-05) 153浏览 3评论 0个赞

vue2 插槽子组件向父组件传值使用方式

vue2 插槽子组件向父组件传值使用方式
1.slot插槽作用域:带参数的插槽(可进行子组件向父组件传值) 父组件中: 在组件标签内部加一个template标签 在template标签上加一个属性scope 值随意书写 子组件中: 在组件内部用slot进行传值,如果给slot加一个自定义属性,那么在组件标签的template的scope上面就可以进行接收到,接收到的为一个对象 父组件app.vue <template> <di……继续阅读 »

2个月前 (07-24) 134浏览 3评论 0个赞

Vue实现多语言项目(vue-i18n)

Vue实现多语言项目(vue-i18n)
首先安装vue-i18n依赖(npm) npm install vue vue-i18n --save vue-i18n官方文档地址:http://kazupon.github.io/vue-i18n/zh/introduction.html 在vue项目src文件夹下新建一个 i18n 文件夹存放i18n要用的文件 在创建一个lang文件夹存放你需要的语言包 //cn.js module.expor……继续阅读 »

2个月前 (07-19) 34浏览 0评论 0个赞

【vue开源商城项目】一款vue搭建的开源商城项目,自己的项目也可以直接使用~

【vue开源商城项目】一款vue搭建的开源商城项目,自己的项目也可以直接使用~
我与它的结缘: 两年前,我一个做前端开发的朋友让我帮他跑通一个VUE项目,当时拿到项目的时候,顺便看了下里面的代码。第一次看到里面的代码的时候,感觉结构清晰,很好理解,当时第一反应,原来还可以这样实现! 后来阅读代码的时候,发现里面有一个开源github的地址,打开一看是个开源项目。开发者直接拔下来使用了开源的架子,于是在后面的项目中和写法中,我再也利用了这个开源项目里面好的思路。于是在后面的一个vue项目中将开源项……继续阅读 »

2个月前 (07-19) 108浏览 0评论 0个赞

看了 9 个开源的 Vue3 组件库,发现了这些前端的流行趋势

看了 9 个开源的 Vue3 组件库,发现了这些前端的流行趋势
参考了如下组件库,因为有些设计是多个版本和框架的,这里只讨论 Vue3 版本。 element-plus - 经典中的经典,全面支持 Vue 3 tdesign-vue-next - 鹅厂优质 UI 组件,配套工具完满,设计工整,文档清晰 arco-design-vue- 字节跳动 UI 组件库开源,大厂逻辑,设计文档完美 ant-design-vue - 蚂蚁前端 UI 库,面向企业级中后台 naive-ui -……继续阅读 »

2个月前 (07-18) 44浏览 0评论 0个赞

浅析ESLint原理

浅析ESLint原理
在前端开发过程中,eslint 规范已经成为必不可少的一环,我们需要 eslint 来保证代码规范,相对统一的代码风格,不然就会出现所有开发都随意引入自己偏好的风格或者规范,让所有人一起分担引入规范的代价。 同时,有些 lint 规则可以避免 bug 的产生,在提高代码可读性的前提下,减少问题数量,将问题更多的暴露在开发阶段。 一、eslint 的规则 说起 eslint,第一想到的就是 eslints 里面的每条规……继续阅读 »

3个月前 (07-16) 65浏览 0评论 0个赞

vue3.2 setup 语法糖汇总

vue3.2 setup 语法糖汇总
前言 提示: vue3.2 版本开始才能使用setup语法糖! 在 Vue3.0 中变量必须  return  出来, template 中才能使用;而在 Vue3.2 中只需要在  script  标签上加上  setup  属性,无需  return , template  便可直接使用,非常的香啊! 提示:以下是本篇文章正文内容,下面案例可供参考 1、如何使用setup语法糖 只需在  script  标签上写……继续阅读 »

3个月前 (07-13) 59浏览 0评论 0个赞

Vue 中使用 v-for 为何要绑定 key?

Vue 中使用 v-for 为何要绑定 key?
一、总结: 快速查找到节点,减少渲染次数,提升渲染性能,高效的更新虚拟DOM。 二、分析理解: 1、绑定 index 之前的数据 之后的数据 key: 0 index: 0 name: test1 key: 0 index: 0 name: test1 key: 1 index: 1 name: test2 key: 1 index: 1 nam……继续阅读 »

3个月前 (07-06) 112浏览 0评论 0个赞