公司某项目需求在页面显示的组件是根据角色变化而变化的，在这个项目中我使用了elementplus的el-tabs来动态的显示这些组件，如下图所示数据内容大概是这样的在未使用setup语法糖时候我要引入组件只需要在components中定义组件就好了，如下图然后就可以快乐得在component组件的:is中遍历进组件的名称就好了；但是在使用了setup语法糖之后，没有了components选项，我突然就有点无从下手，在vue3官网中我看到了setup挂载组件的用法那就照着官网照猫画虎吧，于是就写下了如下代码然后发现不对劲，啥也不显示，进devtools一看，这东西怎么没挂上啊啥也没有！没办法，再
公司某项目需求在页面显示的组件是根据角色变化而变化的，在这个项目中我使用了elementplus的el-tabs来动态的显示这些组件，如下图所示数据内容大概是这样的在未使用setup语法糖时候我要引入组件只需要在components中定义组件就好了，如下图然后就可以快乐得在component组件的:is中遍历进组件的名称就好了；但是在使用了setup语法糖之后，没有了components选项，我突然就有点无从下手，在vue3官网中我看到了setup挂载组件的用法那就照着官网照猫画虎吧，于是就写下了如下代码然后发现不对劲，啥也不显示，进devtools一看，这东西怎么没挂上啊啥也没有！没办法，再
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助相信用过vue的小伙伴，肯定被面试官问过这样一个问题：在vue中动态的引入图片为什么要使用require有些小伙伴，可能会轻蔑一笑：呵，就这，因为动态添加src被当做静态资源处理了，没有进行编译，所以要加上require，我倒着都能背出来......emmm...乍一看好像说的很有道理啊，但是仔细一看，这句话说的到底是个啥？针对上面的回答，我不禁有如下几个疑问：什么是静态资源？为什么动态添加的src会被当做的静态的资源？没有进行编译，是指为是什么没有被编译？加上require为什么能正确的引入资源，是因为加上require就能编译了？
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助相信用过vue的小伙伴，肯定被面试官问过这样一个问题：在vue中动态的引入图片为什么要使用require有些小伙伴，可能会轻蔑一笑：呵，就这，因为动态添加src被当做静态资源处理了，没有进行编译，所以要加上require，我倒着都能背出来......emmm...乍一看好像说的很有道理啊，但是仔细一看，这句话说的到底是个啥？针对上面的回答，我不禁有如下几个疑问：什么是静态资源？为什么动态添加的src会被当做的静态的资源？没有进行编译，是指为是什么没有被编译？加上require为什么能正确的引入资源，是因为加上require就能编译了？
随着Vue3和TypeScript的大浪潮不断袭来，越来越多的Vue项目采用了TypeScript的语法来编写代码，而Vue3的JS中的Setup语法糖也越来越广泛的使用，给我们这些以前用弱类型的JS语法编写Vue代码的人不少冲击，不过随着大量的学习和代码编写，经历过一段难熬的时间后，逐步适应了这种和之前差别不小的写法和冲击。本篇随笔介绍总结了Vue3中一些常见的基于TypeScript的Setup语法与组合式API的处理代码案例。TypeScript（简称ts）是微软推出的静态类型的语言，相比于js，TypeScript拥有强类型、编译器严谨的语法检查、更加严苛的语法，TypeScript是
随着Vue3和TypeScript的大浪潮不断袭来，越来越多的Vue项目采用了TypeScript的语法来编写代码，而Vue3的JS中的Setup语法糖也越来越广泛的使用，给我们这些以前用弱类型的JS语法编写Vue代码的人不少冲击，不过随着大量的学习和代码编写，经历过一段难熬的时间后，逐步适应了这种和之前差别不小的写法和冲击。本篇随笔介绍总结了Vue3中一些常见的基于TypeScript的Setup语法与组合式API的处理代码案例。TypeScript（简称ts）是微软推出的静态类型的语言，相比于js，TypeScript拥有强类型、编译器严谨的语法检查、更加严苛的语法，TypeScript是
这句话的意思是，从隐式的引入模块导入的比如我使用某个第三方包，这个第三方包里面包含了mysql包我在代码里直接使用了这个mysql包，但是在go.mod里没有引入，代码里ide是不会报错的，因为能找到代码库，但是运行的时候会报错这个时候只需要显示的引入一下就可以了比如提示的goget xxxxx包gogetgithub.com/go-sql-driver/mysql@v1.5.0 这个时候点开go.mod文件，能看到mysql依赖就ok了或者我们直接点开go.mod文件，有个报红的错误。直接鼠标移上去点击同步一下，也是可以的。
这句话的意思是，从隐式的引入模块导入的比如我使用某个第三方包，这个第三方包里面包含了mysql包我在代码里直接使用了这个mysql包，但是在go.mod里没有引入，代码里ide是不会报错的，因为能找到代码库，但是运行的时候会报错这个时候只需要显示的引入一下就可以了比如提示的goget xxxxx包gogetgithub.com/go-sql-driver/mysql@v1.5.0 这个时候点开go.mod文件，能看到mysql依赖就ok了或者我们直接点开go.mod文件，有个报红的错误。直接鼠标移上去点击同步一下，也是可以的。
本文记录如何在Vue2环境下尽量使用Vue3的Composition-api并配合Vuetify2使用前言之前在改造一个用Vuetify2的项目，由于Vuetify3还处于beta阶段并且与Vuetify2相比缺失一些特性，但又想用Vue3的语法，于是寻找了下相关方案，下面简单记录一下。开始之前建议使用VSCode开发并安装以下插件且禁用Vetur：VueLanguageFeatures(Volar)TypeScriptVuePlugin(Volar)初始化使用npminit初始化项目添加所需依赖vue@2.6.14:指定2版本，不指定的话默认安装3版本vue-template-compile
本文记录如何在Vue2环境下尽量使用Vue3的Composition-api并配合Vuetify2使用前言之前在改造一个用Vuetify2的项目，由于Vuetify3还处于beta阶段并且与Vuetify2相比缺失一些特性，但又想用Vue3的语法，于是寻找了下相关方案，下面简单记录一下。开始之前建议使用VSCode开发并安装以下插件且禁用Vetur：VueLanguageFeatures(Volar)TypeScriptVuePlugin(Volar)初始化使用npminit初始化项目添加所需依赖vue@2.6.14:指定2版本，不指定的话默认安装3版本vue-template-compile
