用vs写vue，script标签里 的代码变白，怎么解决？

最新推荐文章于 2023-10-17 16:39:00 发布
最新推荐文章于 2023-10-17 16:39:00 发布
阅读量2.9k 收藏 3
点赞数 1
分类专栏： Vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43893755/article/details/115785844
版权

这两天跑服务器，一直报错，很大的一部分原因就是Vue里的部分代码为白色，其他的都可以高亮，唯独那一片！

我尝试了很多种方法，都不行，今天把vetur相关的都下载了遍，居然好了！！

下面总结一下我看到的方法：

  • 下载vetur插件【有些人下载一个就好，我就得下载多个~】
  • 改package.json配置
    在这里插入图片描述在这里插入图片描述在这里插入图片描述
  • 重装Vue

希望能得到解决~

就想做一条闲鱼
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
基础vue代码-script标签引入vue框架
07-21
基础vue代码-script标签引入vue框架
为什么我的Vue代码是白色的
ZYingQii的博客
07-18 4802
在我昨天刚刚配置好了Vue环境后 今天打算尝试一下 结果却出现了类似如下的问题 我们可以看到图片中的代码都是白色的 没有自动补全功能 然后我是用如下方法解决的 我去商店下载了一个 vetur 版本是0.24.1的 然后问题瞬间得到了解决 ...
vue文件 样式和脚本部分变白
duzi276的专栏
08-12 732
在vscode中vue文件 样式和脚本部分变白，如下图 找了很多网上的方法都没有用，最后发现是脚本部分的文档不规范，最后格式化（shift+alt+f）颜色恢复正常。
Vue-解决编写vue项目时.vue文件全是白色字体，还没有提示！！！
最新发布
m0_72149295的博客
10-17 1439
使用Vetur和Volar插件解决使用VS code 使用Vue进行项目开发时，.vue文件中代码全是白色，并且没有代码提示补全功能的问题
vscode中.vue文件代码是白色解决方法
敲代码的小李同学的博客
07-13 9824
.vue 文件代码是白色解决办法
解决vue代码白色
u013023845的博客
01-12 4511
如下所示： 当VUE文件中代码都是白色时，可以通过安装vetur来解决问题
Vue实现导航栏点击当前标签变色功能
10-16
主要为大家详细介绍了Vue实现导航栏点击当前标签变色功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
VUE渲染后端返回含有script标签的html字符串示例
10-16
今天小编就为大家分享 一篇VUE渲染后端返回含有script标签的html字符串示例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue 中 a标签上href无法跳转的解决方式
01-19
使用vue-router 在IE下 a标签里的路由不跳转，火狐，chrome工作正常。 解决： 在App.vue 里增加判断IE浏览器手动修复…… export default { name: 'App', mounted(){ function checkIE(){ return '-ms-scroll-...
在vscode里使用.vue代码模板的方法
08-27
然后新建一个.vue文件，输入vue然后按tab键。2.如果第一步没有成功如果第一步成功是最好的，万一按tab键没有成功生成模板，而是多了一个空格：步骤一：点击文件 —— 首选项 —— 设置，修改以下设置："emmet....
vue实现添加标签demo示例代码
12-29
本篇文章主要介绍vue添加标签，废话不多说了，下面上具体代码 效果如下： html <span class=selectedItem v-for=item>{{item.name}} ($index)></i></span> <input v-model=inputItem type=text v-on
vue自定义标签和单页面多路由的实现代码
11-21
  比如说要将Header.vue插入Home.vue中显示：定义好Header.vue，然后在Home.vue的script中导入Header.vue： import vHead from "./Header.vue"; #导入Header.vue为vHead，注意路径， Header.vue和Home.vue 在...
用v-html解决Vue.js渲染中html标签不被解析的问题
01-19
Vue.js中提供了v-html这个指令来解决这个问题，或者对数据对象使用{{{vm.data}}}三个大括号来包裹对象，就可以正常解析了。 代码改动如下： 总结 以上就是这篇文章的全部内容了，希望本文的内容对大家都 学习或者...
Vue中插入HTML代码的方法
12-03
一、使用v-html v-html:更新元素的 innerHTML const text = `<p>Hello World</>` My name is Pjee <p v-html='text'></p> 注意：你的站点上动态渲染的任意 HTML 可能会非常危险，因为它很容易导致 XSS ...
详解VS Code使用之Vue工程配置format代码格式化
10-17
主要介绍了详解VS Code使用之Vue工程配置format代码格式化，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
前端vue开发页面按钮字体颜色白色或文本框不存在谷歌
weixin_45682701的博客
04-02 1675
第一种情况：使用elementui按钮组件 结果；里面字体白色； 第二种情况：添加了input输入框结果不显示 解决方法：查看右上角是否有插件icon 如果有的话把正在执行的插件（一般是流氓广告）移除掉 再次刷新页面既可 ...
解决vscode里的vue文件代码变白色
热门推荐
monkey7
07-13 1万+
vscode vue代码没有颜色高亮
java代码-使用java，解决springboot+vue实现分页功能的源代码
04-03
java代码-使用java，解决springboot+vue实现分页功能的源代码 ——学习参考资料：仅用于个人学习使用！
Vue 自定义标签的src属性不能使用相对路径的解决
10-16
主要介绍了Vue 自定义标签的src属性不能使用相对路径的解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue script标签里怎么写循环
06-12
在 Vue 的 `<script>` 标签中，可以使用 JavaScript 的语法来编写循环。Vue 提供了一个 `v-for` 指令来实现循环，它的语法与在模板中使用的语法类似。 下面是一个示例，演示了如何在 Vue 的 `<script>` 标签中编写循环： ```html <template> <ul> <li v-for="(item, index) in items" :key="index">{{ item }}</li> </ul> </template> <script> export default { data() { return { items: ['Item 1', 'Item 2', 'Item 3'] } }, created() { for (let i = 0; i < this.items.length; i++) { console.log(this.items[i]); } } } </script> ``` 在上面的示例中，我们在 Vue 的 `data` 选项中定义了一个数组 `items`，并在模板中使用 `v-for` 指令来循环这个数组。在 Vue 的 `created` 生命周期钩子中，我们使用普通的 JavaScript 循环语法来遍历 `items` 数组，并输出每个数组元素的值。 需要注意的是，在 Vue 的 `<script>` 标签中编写循环时，我们需要使用 Vue 提供的数据绑定语法来引用数据，例如 `this.items`，而不是直接使用变量名 `items`。 除了使用普通的 JavaScript 循环语法，我们还可以使用 JavaScript 的高阶函数来实现循环，例如 `forEach()`、`map()`、`filter()` 等。这些函数在 Vue 的 `<script>` 标签中的使用方式与普通的 JavaScript 中的使用方式相同。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值