</head>
<body>
<div id=“app”>
</div>
<!-- 引入Vue -->
<script src=“ https://cdn.jsdelivr.net/npm/vue/dist/vue.js”></script>
<script> const app = new Vue({
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset=‘utf-8’>
<title>全局组件的开发</title>
</head>
<body>
<div id=“app”>
</div>
<script src=“ https://cdn.jsdelivr.net/npm/vue/dist/vue.js”></script>
<script> // 开发全局组件
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset=‘utf-8’>
<title>局部组件的开发</title>
</head>
<body>
<div id=“app”>
</div>
<script src=“ https://cdn.jsdelivr.net/npm/vue/dist/vue.js”></script>
<script> // 定义变量用来保存模板配置对象
</body>
</html>
<!DOCTYPE html>
<html lang=“en” xmlns:v-on=“ http://www.w3.org/1999/xhtml”>
<head>
<meta charset=“UTF-8”>
<title>局部组件的开发2</title>
</head>
<body>
<div id=“app”>
</div>
<!–声明局部组件模板 template标签 注意:在 Vue 实例作用范围外声明–>
<template id=“loginTemplate”>
</template>
<script src=“ https://cdn.jsdelivr.net/npm/vue/dist/vue.js”></script>
<script> // 定义变量用来保存模板配置对象
</body>
</html>
<!DOCTYPE html>
<html lang=“en” xmlns:v-on=“ http://www.w3.org/1999/xhtml”>
<head>
<meta charset=“UTF-8”>
<title>在局部组件中使用props接收静态数据</title>
</head>
<body>
<div id=“app”>
</div>
<script src=“ https://cdn.jsdelivr.net/npm/vue/dist/vue.js”></script>
<script> // 声明一个组件模板配置对象
</body>
</html>
<!DOCTYPE html>
<html lang=“en” xmlns:v-on=“ http://www.w3.org/1999/xhtml”>
<head>
<meta charset=“UTF-8”>
<title>在局部组件中使用prop接收动态数据</title>
</head>
<body>
<div id=“app”>
</div>
<script src=“ https://cdn.jsdelivr.net/npm/vue/dist/vue.js”></script>
<script> const login = {
</body>
</html>