组件是一个单独功能模块的封装:这个模块有属于自己的HTML模板,也应该有属于自己的data数据。
组件中的数据保存在哪?组件的data能不能保存在Vue实例上呢?
经过测试,在组件中不能直接访问Vue实例中的data。
即便能访问,如果将所有的数据都放在Vue实例中,Vue实例会变得非常臃肿。
<div id="app">
<my-cpn></my-cpn>
</div>
<template id="myCpn">
<!-- 无法显示 -->
<div>组件中访问实例的数据:{
{message}}</div>
</template>
<script>
let app = new Vue({
el: "#app",
data:{
message:"Just the test words.&