美文网首页
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)

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