美文网首页
SPA(vue.js+vue router)

SPA(vue.js+vue router)

作者: 为什么要简称 | 来源:发表于2019-12-02 19:21 被阅读0次

单页web应用(single page web application, SPA),只有一张web页面的应用,是加载单个html页面并在用户与应用程序交互时动态更新该页面的web应用程序。
对单页应用程序来说模块化的开发和设计显得相当重要。

以上来自度娘。

程序通过路由使哈希值(锚点值)组件匹配起来

安装

npm i vue-router

1.引入

<script src="vue-router.js"></script>

2.准备组件

const home = Vue.component('home',{})

3.创建路由对象

const router = new VueRouter({
  //配置路由规则
  routes:[
    //path: 路径
    //component: 对应的组件
    {path: '/home', component: home}
  ]
})

4.绑定vue实例与路由对象

const vm = new Vue({
  el: '#app',
  data: {
    msg: 'nihao'
  },
  //配置vue的路由对象
  router: router
})

相关文章

  • SPA(vue.js+vue router)

    单页web应用(single page web application, SPA),只有一张web页面的应用,是加...

  • FY-7216 9-vueRouter

    vue-router Router 路由是伴随着 SPA (单页面应用存在的)spa出现后,前端可以自由的控制组件...

  • 2018-10-22 Vue router-link的理解

    最近感觉不停的在给自己补充知识点,不停在学习,真怕自己没记住。。 使用vue.js+vue router开发单页应...

  • 使用vue-router路由

    通过使用Vue-router路由创建多组件的SPA。 项目初始化 创建带router的Vue项目 vue init...

  • vue学习笔记(四)

    一、vue-router 1、简介 我们经常使用vue开发单页面应用程序(SPA)。开发SPA过程中,路由必不可少...

  • Vue-Router学习总结

    什么是路由? vue-router这里的路由就是SPA(单页应用)的路径管理器。通俗的说,vue-router就是...

  • 04.vue-router

    vue-router 官方提供的用来实现 SPA 的 vue 插件 github: https://github....

  • vue-router

    1.vue-router是什么? 简单点来说,vue-router就是SPA(单页应用)的路径管理器。路由模块的本...

  • react-router

    react-router是做SPA时,通过控制不同的URL来渲染不同的组件 1.Router 最基本的组件,保持u...

  • 路由 路由的传参 路由的嵌套 axios

    路由:vue-router 带三方工具库创建单页面应用 spa (single page application)...

网友评论

      本文标题:SPA(vue.js+vue router)

      本文链接:https://www.haomeiwen.com/subject/emeewctx.html