Vue组件切换--v-if(适合只有两个组件)

最新推荐文章于 2024-07-19 10:04:44 发布

AsaZyf

最新推荐文章于 2024-07-19 10:04:44 发布

阅读量3.2k

点赞数

分类专栏： Vue Vue组件文章标签： Vue Vue组件 Vue组件切换组件切换

本文链接：https://blog.csdn.net/AsaZyf/article/details/83622372

版权

code：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>组件切换v-if--适用于两个组件切换</title>
		<script type="text/javascript" src="js/vue.js" ></script>
	</head>
	<body>
		<div id="app">
			<a href="#" @click.prevent="flag=true">登录</a>
			<a href="#" @click.prevent="flag=false">注册</a>
			<login v-if="flag"></login>
			<reqister v-else></reqister>
		</div>
		<script>
            Vue.component("login",{
            	data(){
            		return{
            		 	
            		}
            	},
            	template:`
            	   <div>
            	       <h3>登录</h3>
            	   </div>
            	`
            })