idea中＜script＞标签引入vue.js后依然显示错误或没有高亮显示

最新推荐文章于 2025-07-09 08:55:45 发布

原创最新推荐文章于 2025-07-09 08:55:45 发布 · 1.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#intellij-idea #vue.js #前端

本文指导如何在Vue.js项目中正确安装并修复引入问题，包括script标签位置和URL协议修正，以及v-bind指令的注意事项。

首先在File->setting->plugins里搜索Vue.js，然后安装。

然后如果依然出现错误，检查是否将引入vue.js的<script>标签错误放置，引入vue.js的<script>标签必须放在Vue核心对象代码块之前！

最后，若是依然出现问题，检查语句是否有误，以下是我出现的错误：

<script src="js/vue.js"></script>
<script>
    new Vue({
        el:"#div",
        data(){
            return{
                username:"",
                url:"www.baidu.com"
            }
        }
    });
</script>

改正后：

<script src="js/vue.js"></script>
<script>
    new Vue({
        el:"#div",
        data(){
            return{
                username:"",
                url:"https://www.baidu.com"
            }
        }
    });
</script>

在使用v-bind指令时，需要将http协议写上，不能直接书写“www.baidu.com”。