vue组件Component

组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。下面是一个简单的组件例子:

<html>
	<head>
		<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">script>
		<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/axios.min.js">script>
		<script src="https://cdn.jsdelivr.net/npm/[email protected]/lodash.min.js">script>
	head>
	<body>
		<div id='app'>
		<blog-post title="My journey with Vue">blog-post>
		<blog-post title="Blogging with Vue">blog-post>
		<blog-post title="Why Vue is so fun">blog-post>
		div>
		<script type="text/javascript">
			Vue.component('blog-post', {
			  props: ['title'],
			  template: '

{{ title }}

'
}) new Vue({ el:'#app' })
script> body> html>

效果图:
vue组件Component_第1张图片

你可能感兴趣的:(vue,vue)