vue.js - Vue.js x-template 运行良好,但在 IDE 中无法解析
问题描述
我用 vue-router 做了一个简单的 html 文件。
我使用 x-template 来定义组件模板。
它在 chrome 浏览器上运行良好,但我发现 IntelliJ IDE 显示一条红线。
我无法理解为什么 IDE 无法解决这个问题,以及为什么我的代码在浏览器上运行良好,即使符号无法解析。
有人有想法吗?(代码写在下面)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Router_App</title>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>
</head>
<body>
<div id="app">
<nav>
<router-link to="/top">Top page</router-link>
<router-link to="/users">User page</router-link>
</nav>
<router-view></router-view>
</div>
<script type="text/x-template" id="user-list">
<div>User page</div>
</script>
<script>
let router = new VueRouter({
routes: [
{
path: '/top',
component: {
template: '<div>Top page</div>'
}
},
{
path: '/users',
component: {
template: '#user-list'
}
}
]
})
let app = new Vue({
el: '#app',
router: router
}).$mount()
</script>
</body>
</html>
解决方案
推荐阅读
- php - 是否有一种更快的方法可以按距离循环遍历 woocommcercs 中的所有产品
- javascript - Jquery Ajax 请求以数组格式返回数据 data[0]....data[100]
- java - 使用 Openweather API 获取特定日期的天气 - 解析 JSON 响应
- angular - Spring RestController Post 方法不起作用但 get 方法有效
- java - 如何在 recyclerview 元素中设置固定的 CountDownTimer?
- java - 如何用 Junit 测试 jdbc 方法?
- r - R:用特定数据范围的平均值替换数据框中的某个值
- django - 在 Django 模型中,我可以获取一个字段的值,对其进行处理并将其存储在另一个字段中吗?
- nativescript - 我可以在 nativescript-vue 中使用 Vuetify 吗?
- python - 拆分聚合查询的结果并插入二维数组