Vue 2.0 consult the project to adapt to the mobile side and the computer side, extract the js part, style independent

set up a mobile project under the existing pc project, and then plan to write all the methods in pc to another function folder by module, while pc and the files in the mobile terminal. Vue will only write template and style, and then introduce function/ various module .js files of all modules into index.html. Is this appropriate? How do you do a project that has both a mobile terminal and a mainstream computer terminal?

of course, in the route to determine whether to enter the pc or the mobile page.

Please do not hesitate to comment, thank you.

Javascript
Apr.11,2021

navigator.userAgent try?

  1. if there is a big functional difference between your mobile and PC products, you can consider using two sets of logic to implement, otherwise, it is recommended that you still have one
    2. .
  2. A set of logic: use responsive style and try to use streaming layout (do not write dead width and height, adaptive)
  3. two sets of logic: the server outputs different pages through userAgent; the public part establishes a father-in-law class library and manages it using npm or git submodule 
if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
    window.location.href = "url";
} else {
    window.location.href = "pcurl";
}

it is estimated that the multi-page configuration is a little troublesome, but the code structure will also be clearer.

Previous: Bind @ click= "add" in app.vue to define the logic of the add method on other pages

Next: Does dozer support list to list mapping?

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
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e66b55-44903.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e66b55-44903.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?