Vue Learning notes vue--using HTML templates

When you create a Vue instance, el you can omit the option if the configuration item is declared template . At this point, Vue.js will extract the HTML content of the anchor element as a template.

We can use a single el configuration item to create a Vue instance:

var vm = new Vue({el:‘#app‘});

In Vue.js, this template is called an HTML template , and template a template written using a configuration item is called a string template .

Working principle

When Vue.js discovers that there are no attributes in the options you provide, the contents of the template el DOM node specified by the property are extracted outerHTML as template content. This is similar to the following:

var vm = New Vue ({ el:' #app ', Template: document.queryselector (' #app '). outerhtml}) /c4>

Vue Learning notes vue--using HTML templates