将Vue.js数据与某些现有的html同步？

Question

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

<div id="myDiv1">
  <li v-for="item in items">
    {{ item.title }}
  </li>
</div>

我目前使用

初始化Vue

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

ajaxCallAndUpdateVueItems() on some event

但是，我想在服务器端预加载/呈现列表的初始状态（出于某些原因，例如speed，seo，initialstate，仅限第一次）。此状态取决于服务器计算的用户位置等内容。

所以我想用

将初始页面发送到客户端

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

有没有办法以myDiv1的内容以某种方式初始化Vue数据，所以我没有2套html我不知何故搞乱（例如删除最初的html块并通过Vue重新填充）？