vue2template

Vue 2 使用的是基于模板的语法来创建组件的。在 Vue 2 中，可以使用以下方式来定义模板：

1. 在 Vue 实例中使用 template 属性：

var vm = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  },
  template: '<div>{{ message }}</div>'
});

2. 在 HTML 文件中使用 script 标签定义模板：

<div id="app"></div>

<script type="text/x-template" id="my-template">
  <div>{{ message }}</div>
</script>

<script>
var vm = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  },
  template: '#my-template'
});
</script>

3. 直接在 HTML 中使用模板字符串：

<div id="app">
  {{ message }}
</div>

<script>
var vm = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
});
</script>

这些都是 Vue 2 中常用的定义模板的方式，你可以根据自己的需求选择合适的方式来创建模板。