Question

我正在尝试将视图添加到我的jsp文件中，我正在使用CDN将视图添加到我的spring mvc应用程序中。我有一个非常基本的设置，无论出于何种原因，我在数据对象上添加的msg属性都显示为{{msg}}，而不是实际的消息。

header.jsp：

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Insert title here</title>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
        <link  href="./css/main.css" rel="stylesheet"/>
        <!-- development version, includes helpful console warnings -->
        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
        <script src="./js/main.js"></script>
    </head>
    <body> 
        <div id="app">
            <div class="container">

index.jsp：

<%@include file = "header.jsp" %>
    <div class="jumbotron">
        <h1>This is an example</h1>
        {{ msg }}
    </div>
        <a href="./reviews">reviews</a>
        <a href="./hotel_requests">hotel requests</a>
<%@include file = "footer.jsp" %>

footer.jsp：

            </div>  
        </div>
    </body>
</html>

main.js：

let app = new Vue({
    el:'#app',
    data:{
        msg:'Hello Vue!'
    }
})

这一切都是作为Spring MVC应用程序的一部分完成的。我一直在网上尝试寻找解决方案，但似乎没有解决方案……或者这种情况不适用于我。我正在使用Apache tomcat版本9，以防服务器与它有关。

Answer 1

问题在于，引用我的外部JavaScript文件的脚本标签应该放在文档的底部。更具体地说，就是在body（）的结束标记之前。它以某种方式有所作为...

Spring MVC jsp页面中Vue.js的问题

1 个答案: