详解vue 配合vue

详解vue 配合vue

1.先用node+express+mysql简单配置一下后台

const express = require('express');

const mysql = require('mysql');

const static = require('express-static');

const db = mysql.createPool({

host: 'localhost',

user: 'nodejs',

password: 'nodejs',

database:'resume',

port: 3306

});

var app = express();

// ====》设置了一个 /resume 的接口，并将从数据库获取的数据data，send到前台（接口名字随便取的）

app.use('/resume', (req, res)=>{

db.query(`SELECT * FROM about_table`, (err, data)=>{

"use strict";

if(err){

res.status(500).send('databases error').end();

}else{

res.send(data).end();

}

})

})

app.listen(8080);

app.use(static('./static/'));

2. 前台请求接口，调用数据来渲染页面（vue + vue-resource）

===》 js    &nhttp://bsp;                                                      

// 引入 vue

// 引入 vue-resource

===》 html

{{value.content}}

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。