Vue组件模板的3种书写形式有哪些？
- 内容介绍
- 文章标签
- 相关推荐
本文共计583个文字，预计阅读时间需要3分钟。
1. 使用script标签和!DOCTYPE声明HTML结构，包含meta字符集和title，引入外部图片资源，body部分包含一个id为app的div，并使用test-component组件，script标签中type为text/x-template，id为tes。
1.第一种使用script标签
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="img.558idc.com/uploadfile/allimg/210405/203235OF-0.jpg"></script> </head> <body> <div id="app"> <test-component></test-component> </div> <script type="text/x-template" id="testComponent"><!-- 注意 type 和id。
本文共计583个文字，预计阅读时间需要3分钟。
1. 使用script标签和!DOCTYPE声明HTML结构，包含meta字符集和title，引入外部图片资源，body部分包含一个id为app的div，并使用test-component组件，script标签中type为text/x-template，id为tes。
1.第一种使用script标签
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="img.558idc.com/uploadfile/allimg/210405/203235OF-0.jpg"></script> </head> <body> <div id="app"> <test-component></test-component> </div> <script type="text/x-template" id="testComponent"><!-- 注意 type 和id。