SOURCE

Vue.component ( 'todoitem',{
  
  template: "<li>这是一个待办项目</li>"
})
var app1 = new Vue({
  el:"#list"
})

var app2 = new Vue({
  el: '#app-2',
  data: {
    message: '页面加载于 ' + new Date().toLocaleString()
  }
})

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<div id="app-2">
  <span v-bind:title="message">
    鼠标悬停几秒钟查看此处动态绑定的提示信息！
  </span>
</div>
<div id = "list">
  <ul>
    <todoitem></todoitem>    
  </ul>
</div>