'Vue js Template tag

I'm looking at an existing Vue code base and I am seeing <template> tags like:

<template #default>
<template #content>
<template #close>

I know each vue component is enclosed in the <template> tag but I've never seen #default or #content embedded within the template tag before. What is the purpose of this? I'm suspecting those # are customisable but you just have to define them? If that is the case, where would I be able to find it in a vue project? I'm assuming there is a standard location to store files like this in a vue project. Thank you.

vue.js


Solution 1:[1]

# in a template tag is simply shorthand for v-slot:. See: https://v3.vuejs.org/guide/component-slots.html#named-slots-shorthand

Solution 2:[2]

The # is a shorthand for vue v-slot:. can read a perfect example here

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 futur
Solution 2 Penny Liu

Related Questions