learn-webapp-guideline Express : res.render(...,{...})时导入的数据怎么在一般js中使用。

Express : res.render(...,{...})时导入的数据怎么在一般js中使用。

Open zjutszl opened this issue 7 years ago • 3 comments

view/post.ejs

<!DOCTYPE html>
<html>

<head lang="en">
  <meta charset="UTF-8">
  <title>cnode·Supported by Vue</title>
</head>

<body>
<% var postId = _id %>

<h1>_id : <%= _id %></h1>
<p>postId : <%= postId %></p>
<div id="app">
<h1>{{ detailData.content }}</h1>
<p>{{ post_id }}</p>

</div>
</body>

<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script type="text/javascript">
var postId = '12345654321';
var app = new Vue({
    el: "#app",
    data: {
      detailData : {
      	content:'zjutszl'
      },
      post_id:postId
    }
})
</script>

</html>

routes/post.js

var express = require('express');
var router = express.Router();

/* GET users listing. */
router.get('/', function (req, res, next) {
    res.render('post_detail', {_id:req.query.id});
});


module.exports = router;