<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="vue1.js"></script>
<!--<script src="vue-resource.js"></script>-->
</head>
<body>
<template id="account">
{{msg}}
<br/>
<a href="#" @click="login">登录</a> <a href="#">注册</a>
</template>
<div id="app">
<account></account>
</div>
</body>
<script>
Vue.component('account',{
template:'#account',
// 在组件中使用data定义的是方法而不是对象,否则无效
data:function(){
return{
msg:'账号组件页面'
}
},
methods:{
login:function(){
alert('login')
}
}
});
new Vue({
el:'#app',
//这里的data是对象
data:{
}
});
</script>
</html>
定义注册和组件
最新推荐文章于 2024-05-17 11:25:40 发布