vue.js路由学习笔记
2024-08-28 04:00:08
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.js"></script>
<script src="https://cdn.bootcss.com/vue-router/2.0.1/vue-router.js"></script>
</head>
<body>
<div id ="app">
<div>
<router-link to="/home">主页</router-link>
<router-link to="/news">新闻</router-link>
</div>
<div>
<router-view></router-view>
</div> </div> </body>
<script>
var Home={
template:'<h3>我是主页</h3>'
};
var News={
template:'<h3>我是新闻</h3>'
}; var router =new VueRouter({
routes :[
{path:'/home',component:Home},
{path:'/news',component:News},
] }); new Vue({
router,
el:'#app' });
</script>
</html>
特别注意版本,之前学习时候是2.0.1,后来改了版本,发觉不可以i用了,等过几天进行更新下学习下
最新文章
- 用U3D寻找看电视的感觉!!
- JAVA数据库基本操作 (转)
- 《Java程序设计》课程准备之问卷调查
- linux 常用命令;
- C# 位域[flags] 转
- UVa 1595 (水题) Symmetry
- mount: can&#39;t find cdrom in /etc /fstab or /etc/mtab
- webpack基本用法
- Borůvka algorithm
- nginx日志相关运维操作记录
- win32下使用相对exe文件的绝对路径资源
- How the Bitcoin protocol actually works
- 零基础照样做RNA-seq差异分析
- 终端FQ
- C++ Style Languages: C++, Objective-C, Java, C#
- php异步实现,避免长时间等待
- DataGridView:DataGridView控件清空绑定的数据
- mysql数据库基本知识
- 【LOJ10121】与众不同
- hdu 5195 DZY Loves Topological Sorting 线段树+拓扑排序