создать компонент VUE, используя другую страницу - PullRequest
3 голосов
/ 27 мая 2019

Как загрузить div со страницы 2 на страницу 1 с помощью VueJ.

localhost / getnew

<html>
<head>
<title> title </title>
<body>
<div id="main">
<div id="content2"> this is content2</div>
<div id="content3"> this is content3</div>
</div>
</body>
</html>

Я хочу получить и использовать id content2 из getnew, чтобы создать div вhome с содержимым этого div, после того, как ссылка была нажата и удалена, и выполните то же самое с content3, content4 и последовательно.

localhost / homepage

<html>
<head>
<title> title </title>
<body>
<div id="main">
<div id="content1"> this is content1</div>
<a href="#"> get content</a>
</div>
</body>
</html>

И тогда будетчто.

<html>
<head>
<title> title </title>
<body>
<div id="main">
<div id="content1"> this is content1</div>
<div>this is content2</div>
<div>this is content3</div>
</div>
</body>
</html>

Я новичок в VueJs и не знаю, как это сделать.Если кто-то может помочь.Спасибо.

1 Ответ

2 голосов
/ 27 мая 2019

В Vue, как и в большинстве SPA, страница (DOM) не содержит данных.
Страница представляет собой инструмент рендеринга, который отображает данные, хранящиеся в источнике. Источник может быть:

  • локальные данные, хранящиеся в vm.data() (обычно содержат конкретные данные для текущего компонента - хотя они могут передаваться дочерним компонентам)
  • глобальные данные, хранящиеся в специализированном модуле для хранения данных и управления состоянием, передаются в vm через computed (getters).
    Этот специализированный модуль данных называется Vuex .
    Вы взаимодействуете с ним диспетчерскими действиями, которые передают мутации в состояние Vuex .
    Любой компонент на любой странице, прослушивающий данные Vuex, будет автоматически обновляться при любом изменении, независимо от того, какой компонент вызвал мутацию.

Если ваши данные не слишком сложны, вы можете управлять ими без Vuex, используя шаблон простого управления состоянием .


Итак, в двух словах, вы не получите div с некоторыми #id с одной страницы на другую. Вы просто изменяете хранилище, а затем везде, где используются данные, оно обновляется.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...