How to understand the difference between vue single-page application and h5 single-page application?

as detailed in the title:

vuewebpack

understand the core functions of vue: dynamic data binding and component-based development. With both of them can handle more complex business logic, it is really convenient to interact

but there is still the following confusion:

1. If vue is used to do single-page applications, then I can do it with h5 as well as introducing some other js files. Why should I use vue-cli to build?

2. Know that the application of vue must be more than a single page application, can you write a website? Write app? If it is the latter two, does it have a good compatibility package for browsers and mobile phones?

Note: hope to learn more about friends in related fields and elaborate on your views.

Vue.js html5

Mar.15,2021

The main function of

framework is componentization, data-driven

(1) vue can be written into several areas, and the corresponding css,js and data are automatically loaded in each area, which makes code management clearer and lays a good foundation for componentization
(2) as for the second point, Vue-cli projects are not directly related to the encapsulation of browser and mobile compatibility, but the rise of vue framework will naturally lead to some tools to help developers better complete the compatibility encapsulation of browsers and mobile phones, without having to write a lot themselves.

you have to figure out the definition of this kind of problem first. Vue single-page app is fine. What do you mean by H5? The kind of single-page promotional material posted in moments?

try to answer your question:

Vue is a MVVM framework, focusing on two-way binding of data, so it is suitable for developing re-interactive applications, such as clients, chat tools, and so on. Vue-cli is a scaffolding tool that makes it easy for you to build an application framework quickly, saving you the need to assemble the tool step by step.
there are many types of websites, not all of them are suitable for Vue development, and some modules may be suitable. It doesn't encapsulate compatibility, and it doesn't need to be encapsulated. On the one hand, most modern browsers follow the specifications and are not compatible; on the other hand, the MVVM framework is only responsible for the mapping of data and views, not really responsible for rendering, so even if there are compatibility issues, it is not the work of Vue.

so the essence of the question is that you are specious about the concepts in the question. I suggest you get your mind straight first.

https://juejin.im/post/5a0ea4.

Previous: After axios creates an instance, the put request cannot carry the set request header.

Next: Form form cross-domain submission without the use of jq can achieve no jump page can also be callback?

Wechat H5 sharing discovery icon and description invalidation
wrote an H5 page. According to the official description of Wechat jssdk, it is found that the shared icons and descriptions are invalid. the code is like this ....

Wechat-public-platform Wechat-js-sdk vue.js html5

Feb.26,2021
What fullpage plug-in with arrows and dot navigation
as shown in the red box of the second picture, is there any recommendation for this plug-in? Thank you. the screenshot is uploaded, so let s just look at it. nothing can be found in vueawesome. ...

Vue.js html5 html css

Feb.26,2021
Vue page switching fixed positioning problem
<template> <div style="height: 100%;"> <mt-header title=""> <mt-button icon="back" slot="left" v-tap="{methods: switchView, view: Post }">< mt-button> &l...

Vue.js html5 css

Feb.26,2021
As shown in the red border, select the effect of input.
Icon shows the red part. Choose how to write the effect in css ....

Vue.js html5 javascript css html

Feb.27,2021
Use Wechat developer tool to debug the official account of the web page, but the page can not be displayed, colleagues are also the same project, they can
I used Wechat developer tool to debug the official account of the web page, but suddenly the page did not display, there was nothing in div-sharpapp, there were all those routes, and other colleagues could run this project, but I couldn t. It was a blan...

Wechat-develops vue.js html5 html javascript

Feb.28,2021
How does webapp solve the problem of resolution compatibility? Is there any way to learn from Android to solve the resolution problem, and why not?
recently read the front-end https: www.w3cplus.com mobil. this article, feel very troublesome, why not learn Android ...

Vue.js html5 html css javascript

Feb.28,2021
Vue dynamically controls CSS style
you guys really want to achieve this requirement. Every time I click the button to add a component, the component will be indented into the 15px or so. How to achieve this? ...

Vue.js html5 javascript

Feb.28,2021
This.$router.go (0) is not valid on safari
is there any other alternative ...

Vue.js html5 javascript

Mar.03,2021
The table of Element UI can be edited after double click. What can I do?
after my page loads, there will be a sort number. when I double-click the current row, the sort number will become editable and will be saved after losing focus. what do I do? I can get the id, of the current line, but how to edit the current line....

Element-ui vue.js html5 html javascript

Mar.03,2021
How does es6's Set customize the de-repetition rules? How can an array of objects be duplicated according to a column property?
for example, duplicates according to the name attribute in the an array element. is this the simplest way? function unique(arr) { const res = new Map(); return arr.filter((a) => !res.has(a.name) && res.set(a.name, 1)) } reference...

Javascript es6 vue.js html5 ecmascript

Mar.04,2021
Audio tags can not be used in mobile browsers. Play (), can only click the play button by hand. Is there no way to solve this?
guys, I finally know why it s so painful to develop on mobile. (thanks to) ~, Today, I encountered a problem. In vue s project, when debugging a mobile browser, there is an audio tag. In any case, the song can only be played by clicking the play...

Mobile-browser Mobile-web vue.js html5

Mar.04,2021
How to make render after ajax gets the data (including src) in vue
The diagram can be displayed. Since the binding value of : src does not exist at the beginning of ajax asynchronism, it will be reported . Cannot read property avatar of null" when ajax comes back, the picture will come out what should I do...

Vue.js html5 javascript

Mar.05,2021
Do you always feel that there is a difference in the effect of the website products made by vue and react?
take websites made of Vue as an example. Baimi Wallet https: www.bmqb.com a safety( website comes from the sponsor of the official Vue.js website) brief Nuggets. I don t know why. I always feel that these vue sites can be seen at a glance that...

Javascript node.js react.js vue.js html5

Mar.06,2021
How does the table component of iview transform different font colors according to the state in a column?
I want to change different colors according to different states, what to do, using the iview framework. every time I use these frameworks, I will be made difficult by some minor problems in table ....

Iview vue.js html5 javascript

Mar.11,2021
ElementUI select selection box collapse-tags is invalid
copy according to the document, but the setting of collapse-tags fails. Do you have a partner who can provide debug ideas? ...

Vue.js html5 javascript

Mar.12,2021
How can vue send a value to the sub-component after requesting a callback through http?
The sd array is passed to the subbuild. The value of the sd array is obtained by the dynamic request interface. The subbuild didn t get the value at all. The this.sd in the created method is also null. ...

Vuex vue.js html5 javascript node.js

Mar.12,2021
Element-ui tree component after lazy rendering, setting check-strictly is invalid
element-ui tree component after lazy rendering, set check-strictly but calling setCheckedKeys still selects the parent node component introduces and sets <el-tree ref="orgTree" :props="props" node-key="id" d...

Element-ui vue.js html5 javascript

Mar.12,2021
On the problem of repeated request for pictures by vue-lazyload
1. I used vue-lazyload, in the project, but found that some people who asked for pictures would repeat the request, causing the web page to load too slowly . 2. 3. 4. ...

Vue.js html5 javascript

Mar.12,2021
How to bind default values to traversed radio boxes in vue
the answer information of the contestant is found in the data read by the backend. You need to use the checkbox to show whether it is right or wrong. After traversing, it is found that the checkbox cannot read the default value given by the backend, tha...

Element-ui vue.js html5 html

Mar.12,2021
Dynamically insert components in vue based on parsed html content
A blog that uses segmentfalut s hyperdown parser to parse markdown syntax. parsed into html insert shows new requirements. You need to click on the pop-up modal box to open with the source size. element-ui has corresponding components, but doesn ...

Element-ui vue.js html5 javascript

Mar.13,2021