Vue-router official website on the routing components of the three modes of parameter transfer: Boolean mode object mode function mode, do not understand, do not understand what do you mean?

1. Routing component pass parameters
using $route in a component makes it highly coupled to its corresponding route, thus limiting its flexibility by making the component available only on certain URL.

use props to decouple components from routing:
2. Replace the coupling with $route

const User = {
template:"

User {{$route.params.id}} < / div >"
}
const router = new VueRouter ({
routes: [

) 
{ path: "/user/:id", component: User }

]
})
3. Decoupling through props

const User = {
props: ["id"],
template:"

User {{id}} < / div >"
}
const router = new VueRouter ({
routes: [

) 
{ path: "/user/:id", component: User, props: true },

//  `props` :
{
  path: "/user/:id",
  components: { default: User, sidebar: Sidebar },
  props: { default: true, sidebar: false }
}

]
})
so you can use the component anywhere, making it easier to reuse and test.
4. Can you write a few examples to illustrate?

Javascript
Apr.19,2022

https://jsfiddle.net/yuanxiao...

Previous: ES6 extension operator, cannot clone (@ observable) attributes observed by MobX

Next: JS regroups the array?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu