vue中的常见问题与知识点
2021/9/23 23:10:56
本文主要是介绍vue中的常见问题与知识点,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
vue中的常见问题与知识点
1.在vue项目中引入组件时出现的Module is not installed问题
当我们通过@的方式引入相对路径取代繁琐的绝对路径时,这个路径会出现下划线告警,提示Module is not installed。
比如这种:import TheAPI from '@/api/projectAPI/home'
首先解释一下导入组件常用的三种符号:
@/: 指向src目录 ./: 表示当前目录下 ../: 表示父级目录
出现问题的原因:未能识别@所表达的意思需要指定webpack的配置文件来进行解释说明。
解决方案:
1.指定webpack的配置文件路径(正常项目开发中会在build路径下配置了不同环境的webpack.conf.js配置文件,如果没有在node_modules依赖中也有相应的配置文件,具体位置如下图所示)
2.在项目中配置一个用来解释@符号的.json文件,具体代码如下:
{ "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["src/*"] } }, "exclude": ["node_modules", "dist"] }
2.模版字符串
前端一般不需要字符串拼接,直接使用模版字符串即可
特点:支持换行,可以直接引入变量
模版字符串格式为: `` let a = '3' let b =`1 2 ${a} ` console.log(b)
3.展开运算符
可将展开运算符后面的数组展开,也可以遍历
展开运算符的格式: ... let a = [1,2,3,4] let b = [...a] const params ={ ...a, ...b } console.log(params)
这篇关于vue中的常见问题与知识点的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-12-21Vue3教程:新手入门到实践应用
- 2024-12-21VueRouter4教程:从入门到实践
- 2024-12-20Vue3项目实战:从入门到上手
- 2024-12-20Vue3项目实战:新手入门教程
- 2024-12-20VueRouter4项目实战:新手入门教程
- 2024-12-20如何实现JDBC和jsp的关系?-icode9专业技术文章分享
- 2024-12-20Vue项目中实现TagsView标签栏导航的简单教程
- 2024-12-20Vue3入门教程:从零开始搭建你的第一个Vue3项目
- 2024-12-20从零开始学习vueRouter4:基础教程
- 2024-12-20Vuex4课程:新手入门到上手实战全攻略