VUE路由

charming 3月前 ⋅ 66 阅读

vue.js路由

  • 实现多视图单页面应用 `

    首页

    Go to msg Go to tel

          /* 定义组件 */
          const msg = {
              template: '<div>这是信息页面</div>'
          }
          const tel = {
              template: '<div>这是通讯录页面</div>'
          }
          /* 定义路由 */
          const routes = [{
                  path: '/msg',
                  component: msg
              },
              {
                  path: '/tel',
                  component: tel
              }
          ]
          /* 创建路由实例 */
          const router = new VueRouter({
              routes: routes
              })
          /* 创建根实例 */
          new Vue({
              el: "#app",
              router
          })
      `
    

全部评论: 0

    我有话说: