Can the same component be reused in vue by binding different data sources?

now there is a list page, and the list is searchable, and the results are displayed after the search. Because except for the data source, the search result page and the list page are exactly the same, so can you reuse the same component by binding different data sources? now there are two components, the results page component and the list page component are all the same except for different data sources. I feel that the code repeats too much, so I wonder if it can be reused. But because I am a novice to vue, I still can"t check a lot of information, so I"d like to ask God for advice. Thank you very much!

this is the list page before searching:
clipboard.png

clipboard.png


:

clipboard.png

:

clipboard.png

:

clipboard.png

Mar.21,2021

Plan 1:

props

Plan 2:

vuexmap

I prefer plan one for this small demand.

if the two pages have very different requirements, I prefer vuex.


this is completely a page, but the data is different. If you change the data, you will ok


this has nothing to do with vue.

users enter keywords, click search, list page query interface, display search results;
users delete keywords, click search, list page query all data (can be changed according to actual needs), display search results.

is actually a page showing different results.

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-1e3c76a-43631.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-1e3c76a-43631.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?