首页<template> <div class="container">  <nav> <ul> <li> <router-link to="/function">奖学金评选资格功能</router-link> </li> <li> <router-link to="/instruction">奖学金评选资格功能说明</router-link> </li> </ul> </nav> <router-view></router-view> </div> </template>

<template> <div class="container">  <nav> <ul> <li> <router-link to="/function">奖学金评选资格功能</router-link> </li> <li> <router-link to="/instruction">奖学金评选资格功能说明</router-link> </li> </ul> </nav> <router-view></router-view> </div> </template>

时间: 2023-10-25 16:09:56 浏览: 108

Vue中通过<script></script>引入的Vue.js文件

5星 · 资源好评率100%

我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。格式就是： <script src="./js/vue%20(1).js" type="text/javascript" charset="UTF-8"></script> src里面的内容根据自己的下载的Vue.js的文件位置决定的，我这里只是拿我自己做的举个例子。这个地方的vue.js是因为我下载了两次这个版本的vue.js才导致这样的。但是引入是没有任何问题的。 Vue、js版本这个是根据个人的需要来选择的，不是唯一的。 Vue.js 路由允许我们通过不同的 URL 访问不同的内容。通过 Vue.js 可以实现多视图的单页Web应用（single page web application，SPA）

这段代码是一个 Vue 组件的模板，它包含了一个容器 div，其中包含一个 nav 元素和一个 router-view 元素。nav 元素中包含一个无序列表，其中有两个列表项，每个列表项都是一个 router-link 组件，分别指向路径为 /function 和 /instruction 的路由。router-view 组件则用于渲染当前路由所匹配的组件。这段代码使用了 Vue 的路由功能，通过路由来实现页面的跳转和组件的切换。

阅读全文