十八、组件数据的存放
组件数据的存放
- 组件对象也有一个data属性(也可以有methods等属性,下面我们有用到)
- 只是这个data属性必须是一个函数
- 而且这个函数返回一个对象,对象内部保存着数据
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="../Js/vue.min.js"></script> </head> <body> <div id="app"> <cpn></cpn> <cpn></cpn> <cpn></cpn> </div> <template id="cpnC"> <div> <h2>{{title}}</h2> <p>我是内容,哈哈哈</p> </div> </template> <script> //1.注册一个全局组件 Vue.component("cpn",{ template: '#cpnC', data(){ return{ title: "abc" } } }); const app = new Vue({ el: "#app", }); </script> </body> </html>