Vue.js on-demand loading module issu

there is a book-list component, on Home that simply lists the covers and names of some books. Each book can click on the cover to go to the BookDetail page, and these functions are fine.
Home also has a button to display more books, which takes you to another page with more books, and there is also a component, for book-list, but one problem is that if you don"t click on a book in Home to enter BookDetail, on the page of more books, you can"t click on BookDetail for each book.
in the end, it is found that it is an on-demand loading pot, so there will be no problem if it is written to load immediately:

turns out to be 

const BookDetail = resolve => require(["@/views/BookDetail"], resolve)

what is normal now is 

import BookDetail from "../views/BookDetail"

who can tell me how to write
PS: if I want to load on demand? my vue and webpack are both up to date

.
Node.js html5 html javascript
Apr.12,2021
this is lazy loading of routing. The description of the problem is a little vague. I don't know if it's what you want
.
  • declare 
const view = (path, name) => () => import(`@/components/${path}${name}`)//
  • usage 
export default new Router({
  routes: [

    {
      path: '/',
      name: 'Index',
      component: view('', 'Index'),
      children: [
        {
          path: '/',
          name: 'Recomend',
          component: view('', 'Recomend')
        }
      ]
    }    
  ]
})

Previous: What is the principle of set and $set in Vue and how is it implemented?

Next: I don't quite understand a passage in the official guidance of Python. Ask for an explanation.

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