Заавар

Routing - Чиглүүлэлт

Албан ёсны Router

Ихэхн Single Page Application-уудын хувьд албан ёсоор дэмжигдсэн vue-router санг ашиглахыг зөвлөж байна. Дэлгэрэнгүй танилцахыг хүсвэл vue-router-ийн documentation-руу орно уу.

Энгийн Routing From Scratch

Хэрэв та маш энгийн чиглүүлэлт хэрэгтэй бөгөөд өргөн боломжтой routing сан ашиглахыг хүсэхгүй байгаа бол хуудсуудаа динамик байдлаар ингэж хийж болно:

const NotFound = { template: '<p>Хуудас олдсонгүй</p>' }
const Home = { template: '<p>Нүүр хуудас</p>' }
const About = { template: '<p>Бидний тухай</p>' }

const routes = {
  '/': Home,
  '/about': About
}

new Vue({
  el: '#app',
  data: {
    currentRoute: window.location.pathname
  },
  computed: {
    ViewComponent () {
      return routes[this.currentRoute] || NotFound
    }
  },
  render (h) { return h(this.ViewComponent) }
})

HTML5 history API-тэй хослуулан та маш энгийн боловч бүрэн ажиллагаатай клиент талын чиглүүлэгчийг бүтээж болно. Практик дээр туршсан энэхүү жишээг харна уу.

Гуравдагч Router сангууд ашиглах

Та гуравдагч чиглүүлэгч сангууд ашиглахыг хүсч байвал, Page.js болон Director, өөрийн аппдаа оруулах маш амархан. Энд Page.js ашигласан бүтэн жишээ байна..

← Production Deployment State Management →
Ямар нэг алдаа дутагдалтай эсвэл баримт бичигт хувь нэмрээ оруулахыг хүсч байна уу? GitHub дээр энэхүү хуудасыг засаарай!