Vue builds page template

problem description

when using vue-cli to build a project that contains many self-pages, it is found that the project contains many similar pages.
for example, the details page on the right side of the list on the left is used to maintain the data of a data table, and the operations are similar in this book. For example, if you create an entry, click add to perform some preprocessing operations, and click OK to perform some data checks. The details of the above preprocessing and checking are different on different pages, but the operation logic is the same, that is, the check function is executed and saved after passing.
but there is no good implementation of this template in vue.

the environmental background of the problems and what methods you have tried

using component is only a partial solution to the page, and the communication between father and son is so limited that it is impossible to rewrite function content;
cannot inherit template content with extends/mixin, although this is the better solution I have found.

what result do you expect? What is the error message actually seen?

use a component-like style in tempalte and an extends/mixin-like style in script (you can inherit or rewrite function content);
or a better page template

Aug.20,2021

you can use vue-router to organize your page

Menu