<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>父子组件的数据传递</title>
<script src='./vue.js'></script>
</head>
<body>
<div id="root">
<counter></counter>
<counter></counter>
</div>
<script>
var counter = {
template: '<div>0</div>'
}
var vm = new Vue({
el: '#root',
components: {
counter: counter
}
})
</script>
</body>
</html>
子组件必须在跟组件中注册 才能在标签中使用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>父子组件的数据传递</title>
<script src='./vue.js'></script>
</head>
<body>
<!-- 不加冒号代表是字符串,加了冒号实际就是字符串表达式 -->
<div id="root">
<counter :count="0"></counter>
<counter :count="1"></counter>
<!-- 上两行代码表示父组件 -->
</div>
<script>
var counter = {
// 子组件 接收父组件传过来的数据
props: ['count'],
template: '<div>{
{count}}</div>'
}
var vm = new Vue({
el: '#root&#