Vue路由与nodeJS环境搭建

1.初探Vue路由

Vue路由即vue-router,在web开发中,“router”是指根据url分配到对应的处理程序

Vue路由有助于在浏览器的URL或历史记录与Vue组件之间建立链接,从而允许某些路径渲染与之关联的任何一个视图

DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>title>
	head>
	<script src="https://cdn.bootcss.com/vue/2.6.10/vue.js">script>
	<script src="https://cdn.bootcdn.net/ajax/libs/vue-router/2.6.0/vue-router.js">script>
	<body>
		<div id="app">
			<router-link to="/home">首页router-link>
			<router-link to="/about">关于本站router-link>
			<router-view>router-view>
		div>
		<script type="text/javascript">
			var Home = Vue.extend({
				template: '
首页所看到的数据内容展示
'
}); var About = Vue.extend({ template: '
网站的发展历史及更新日志
'
}); var routes = [{ component:Home, path:'/home', },{ component:About, path:'/about', }]; var router = new VueRouter({routes:routes}); new Vue({ el: '#app', router, data() { return { } } });
script> body> html>

结果
Vue路由与nodeJS环境搭建_第1张图片
Vue路由与nodeJS环境搭建_第2张图片
Vue路由与nodeJS环境搭建_第3张图片

2.nodeJ安装与环境搭建

2.1安装

1.软件下载并解压

2.配置用户变量和系统变量
Vue路由与nodeJS环境搭建_第4张图片
Vue路由与nodeJS环境搭建_第5张图片

3.检查是否安装成功
在这里插入图片描述

2.2介绍

1)Node.js是一个基于Chrome V8引擎的[JavaScript运行环境]。 Node.js使用了一个事件驱动、非阻塞式I/O 的模型。

2)Node.js是一个让JavaScript运行在服务端的开发平台,它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言

你可能感兴趣的:(vue.js,前端,javascript)