一丶案例代码
<html lang&#61;"en">
<head><meta charset&#61;"UTF-8"><title>Titletitle>
head>
<body>
<div id&#61;"app"><h1>我是全局变量h1><my_cpn>my_cpn><hr><h1>我是局部变量h1><my_cpn1>my_cpn1>
div><script src&#61;"https://cdn.jsdelivr.net/npm/vue/dist/vue.js">script>
<script>Vue.component(&#39;my_cpn&#39;,{template:&#96;我是标题
我是内容&#xff0c;Blockchain
我是内容&#xff0c;Key
&#96;})const app &#61; new Vue({el:"#app",data:{},components:{my_cpn1:{template:&#96;我是标题
我是内容&#xff0c;Blockchain
我是内容&#xff0c;Key
&#96;}}})
script>
body>
html>
二丶运行结果
![在这里插入图片描述](https://img8.php1.cn/3cdc5/1895d/978/4e4c9de0a2f12ef0.png?x-oss-process&#61;image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzQwMjM1Mw&#61;&#61;,size_16,color_FFFFFF,t_70#pic_center)
——博观而约取&#xff0c;厚积而薄发——