· template选项用于设置组件的结构,最终被引入根实例或其他组件中。

    template选项 - 图1

    ·注意:组件必须只有一个根元素。

    <!DOCTYPE html> <html lang=“en”> <head> <meta charset=“UTF-8”> <meta name=“viewport” content=“width=device-width, initial-scale=1.0”> <title>Document</title> </head> <body> <div id=“app”> <my-com-a></my-com-a> </div> <script src=“lib/vue.js”></script> <script> Vue.component(‘MyComA’, { template: `
    这是组件 A 的内容: {{ 1 + 2 * 3 }}
    ` }); new Vue({ el: ‘#app’, data: { } }); </script> </body> </html>