Javascript 是否将Vue.js数据与某些现有html同步？

我正在使用Vue.js客户端，并按如下方式填充列表（这在我使用Vue数据和方法填充ajax/json api请求后起作用）

但是，我想在服务器端预加载/呈现列表的初始状态（出于一些原因，如速度、seo、仅第一次初始化状态）。此状态因服务器计算的用户位置等因素而异

因此，我想用

<div id="myDiv1"> 
  <li>Some title1</li>
  <li>Some title2</li>
</div>

一些标题1
一些标题2

---

例如，有没有办法用myDiv1的内容初始化Vue数据，这样我就不会有两组html（例如删除初始html块并通过Vue重新填充）？

标签中的值是静态的吗？如果是这样的话，为什么不在

data.items

中对项目进行硬编码呢？嗨，阿尔文，它们不是静态的，并且会随着位置的不同而有所不同，比如，让HTML吐出

var foobar=[items]

（其中

items

是您的项目数组）并将数据初始化为

items:items

。出于seo原因，我希望使用html而不是js来初始化页面，但这是我将探索的一条路线，谢谢。谷歌仍然会抓取同步Javascript中的数据。如果你照@ceejayoz说的做，你会得到SEO值。只有当您必须使用AJAX获取某些内容时，Google才会对其进行索引。

var vueApp = new Vue({
...
  data: {
    items: {},
  },
  methods: { ajaxCallAndUpdateVueItems: function(){...} 
  } 
})

ajaxCallAndUpdateVueItems() on some event

<div id="myDiv1"> 
  <li>Some title1</li>
  <li>Some title2</li>
</div>