最近在用vue写前端，在页面取值的时候，发现控制台一直报错

前端代码:

<li>你好,
    <span name="u_name" v-if="hasuser"><router-link to="" style="color: #ff7bbc">{{ username }}</router-link> <router-link to="/logout">退出</router-link></span>
    <span v-if="nouser">游客 欢迎<router-link to="/login">登录 | 注册</router-link></span>
</li>

控制台报错如下：

属性或方法“xxx”不是在实例上定义的，而是在呈现期间引用的。通过初始化该属性，确保该属性是反应性的，无论是在data选项中，还是在基于类的组件中。

在网上找了下原因:
说是你的“xxx‘’属性或者"xxx"方法没有定义，要在data或者methods中先定义，但我看了下我的，都是定义了的

找了好久说的都是这个问题，但显然这解决不了我遇到的问题，苦苦寻觅没有结果😂😂，直到后来我看到<script>标签是黄色的，发现我在一个组件中写了多个<script></script>标签，所以在想会不会是这个问题，然后我就把所有的<script></script>标签合成了一个，然后刷新，发现，没有报错了：

页面也能正常显示内容了

总结:

组件中只能写一个<script></script>标签，不然就会出错，对于像我这种小白的，搞半天都搞不好◑﹏◐ 

如果你要引入多个<script>标签的话，可以参考下这个：

在vue中引入多个script标签