The following is a list of abstract elements that serve special purposes in Vue.js templates.
Alternative syntax for invoking components. Primarily used for dynamic components with the
<!-- a dynamic component controlled by -->
<content> tags serve as content insertion outlets in component templates. The
<content> element itself will be replaced. It optionally accepts a
select attribute, which should be a valid CSS selector to be used to match a subset of inserted content to be displayed:
<!-- only display <li>'s in the inserted content -->
The select attribute can also contain mustache expressions. For more details, see Content Insertion.
<partial> tags serve as outlets for registered partials. Partial contents are also compiled by Vue when inserted. The
<partial> element itself will be replaced. It requires a
name attribute to be provided. For example:
// registering a partial
<!-- a static partial -->