Apart from regular templates and inline templates, you can also define templates using a script element with the type text/x-template and then referencing the template by an id.
Let’s create a x-template for simple use case as below:
1 2 3 | <script type="text/x-template" id="script-template"> <p>Welcome to X-Template feature</p> </script> |
Now you can define the template using reference id:
1 2 3 | Vue.component('x-template-example', { template: '#script-template' }) |
If you like this question & answer and want to contribute, then write your question & answer and email to freewebmentor[@]gmail.com. Your question and answer will appear on FreeWebMentor.com and help other developers.