changes

2022-10-20 10:43:54 +08:00 · 2022-10-20 10:43:54 +08:00 · 942eebf66b
parent 6f51e5588f
commit 942eebf66b
1 changed files with 28 additions and 0 deletions
--- a/10-组件化开发/01-组件的基本使用/练习简单组件的简单使用.html
+++ b/10-组件化开发/01-组件的基本使用/练习简单组件的简单使用.html
@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+<body>
+  <div id="app">
+    <cpn></cpn>
+  </div>
+</body>
+<script src="../../JavaScript/vue.min.js"></script>
+<script>
+  Vue.component(
+      'cpn', {
+      template: `
+      <h1>你好</h1>
+      `
+    }
+    )
+  const vue=new Vue({
+    el:"#app"
+  })
+  
+</script>
+</html>