5.9虚拟dom
Posted edfg
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了5.9虚拟dom相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="../../js/vue.js"></script>
</head>
<body>
<div id="app">
<p v-if="isAccountLogIn">账号登录<input type="text" id="accountLogIn" key="account"/></p>
<p v-else="!isAccountLogIn">邮箱登录<input type="text" id="emailLogIn" key="email"/></p>
<button @click="logInSwitch()">切换登录方式</button>
</div>
<script>
const vm = new Vue({
el: ‘#app‘,
data: {
isAccountLogIn: true
},
methods: {
logInSwitch() {
this.isAccountLogIn = !this.isAccountLogIn;
}
}
});
</script>
</body>
</html>
以上是关于5.9虚拟dom的主要内容，如果未能解决你的问题，请参考以下文章