node怎么解析vue代码_Node.js教程 搭建VUE+NODE.js+ElementUI详解

本篇教程介绍了Node.js教程 搭建VUE+NODE.js+ElementUI详解，希望阅读本篇文章以后大家有所收获，帮助大家对Node.js的理解更加深入。

<

1、exports 和 module.exports

require 用来加载代码，而 exports 和 module.exports 则用来导出代码。

module.exports 初始值为一个空对象 {}

exports 是指向的 module.exports 的引用

require() 返回的是 module.exports 而不是 exports

2、vue-cli / vue-router / vue-loader

vue-cli相当于脚手架 给你自动生成模板工程vue-router是 vue路由插件 支持你单页应用的vue-loader是webpack下loader插件 可以把.vue文件 输出成组件

use vue-cli create a vue project

1/npm install -g vue-cli

2/vue init webpack xxxx

3/cd xxx

4/npm install

5/npm run dev

3、node 设置页面语言.html

app.set(‘views‘, path.join(__dirname, ‘views‘));

app.engine(‘html‘, require(‘ejs‘).renderFile);    // 这句就是使用ejs模板渲染html页面

app.set(‘view engine‘, ‘html‘);

最初创建的node 是通过app --router --res.render 渲染整个html文件。

接下来实现 抽离公共部分 实现内容部分拼接(router里的res.render获取到具体内容部分，然后拼接成一整个html文件 渲染)

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注WEB前端Node.js频道！