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: '<div>首页所看到的数据内容展示</div>'
});
var About = Vue.extend({
template: '<div>网站的发展历史及更新日志</div>'
});
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>
结果
2.nodeJ安装与环境搭建
2.1安装
1.软件下载并解压
2.配置用户变量和系统变量
3.检查是否安装成功
2.2介绍
1)Node.js是一个基于Chrome V8引擎的[JavaScript运行环境]。 Node.js使用了一个事件驱动、非阻塞式I/O 的模型。
2)Node.js是一个让JavaScript运行在服务端的开发平台,它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言