node.js和vue结合使用的问题

描述:我使用了vue来渲染数据,然后用node来做后端路由,就出现了vue数据不会渲染的问题。页面上啥都没有。
之前这么做的都没有问题,但是这次就出现了问题,原本的网页代码有点多,
不方便查看,于是我新建了一个项目,也是一样的问题,下面贴上代码:

app.js 入口文件

var express=require('express')
var app=express()

app.use('/node_modules/',express.static('./node_modules/'))
app.use('/js/',express.static('./js/'))

app.engine('html', require('express-art-template'));
app.set('view engine', 'html');
// var render=require('./render.js')(app)
app.get('/home',function(req,res){

    // res.send("hello world")
    res.render("test.html",)

})
app.listen("5464",function(){
    console.log("server is running:http://localhost:5464")
})

test.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <div id="app">
            <ul>

                <li v-for="item in citys">
                    {{ item.name}}
                </li>

            </ul>
            <div>
                {{ hello}}
            </div>

        </div>


        <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.2.6/vue.js"></script>
        <script>Vue.config.productionTip=false</script>
        <script src="https://unpkg.com/element-ui/lib/index.js"></script>
        <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
        <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
        <script type="text/javascript">
            var app = new Vue({
                el: "#app",
                data: {
                    citys: [
                        {name:'name1',age:18},
                        {name:'name2',age:14},
                        {name:'name3',age:19}
                    ],
                    hello: "hello"
                }
            })
        </script>
    </body>
</html>


Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问