VUE局部组件

2024-01-07 21:38:58

实现局部组件的注册功能，样例如下

代码如下

<html>
	<head>
		<meta charset="utf-8">
		<title></title>

	</head>
	<body>
		<div id="app">
			<hello-word></hello-word>
			<hello-tom></hello-tom>

		</div>
		<script src="js/vue.js"></script>
		<script>
			
			//局部组件注册
			var HelloWord = {
				data: function() {
					return {
						msg:'HelloWord'
					}
				},
				template:'<div>{{msg}}</div>'
			}
			var HelloTom = {
				data: function() {
					return {
						msg:'HelloTom'
					}
				},
				template:'<div>{{msg}}</div>'
			}

			var vm = new Vue({
				el: '#app',
				data: {

				},
				components: {
					'hello-word':HelloWord,
					'hello-tom':HelloTom
				}
			})
		</script>
	</body>
</html>

文章来源:https://blog.csdn.net/xi_weina/article/details/135390849
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。