您的位置：首页 > 产品设计 > UI/UE

vue1.0和2.0定义和注册组件的写法

2018-02-08 10:12 537 查看 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>定义和注册组件</title>
</head>
<script src="vue1.0.11.js"></script>
<body>
<div id="app">
<!--//使用组件-->
<l></l>
<register></register>
</div>
</body>
<script>
//vue1.0定义一个全局组件写法
//定义组件
var login=Vue.extend({
template:'<h1>登录页面</h1>'
});
//注册组件
Vue.component('l',login);//两个参数，第一个参数就是的组件的名字，第二个是组件
//vue2.0实现定义和注册组件
Vue.component('register',{//vue2.0定义和注册一步到位
template:'<h1>注册页面</h1>'
});
new Vue({
el:'#app'
});
</script>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航