当我们const vm = new Vue({ el : '#app', data : { msg:‘hello World’ } })用习惯了,data是一个对象,可到了vue组件 Vue.component('cp',{ template : `<div> <span>{{ info }}</span> </div>`, data (){ return { info : 'hello Vue' } } }) 因为Vue.component
通过var object={} 对象字面量,可以叫对象直接量来自定义一个对象 对象自面量是一个表达式,这个表达式的每次运算都创建并初始化一个新对象.每次计算对象字面量的时候,也都会计算他的每个属性值.也眩光是说,如果在一个重复调用的函数中的循环体内使用了对象的直接量,它将创建很多新对象,并且每次创建的对象的属性值也有可能不同. 演示代码: <script> var people ={x:1,y:2,z:3} //用字面量定义一个对象,是以名值对的方式来保存的 var student = {
黑马vue---61.为什么vue组件的data要是一个函数 一.总结 一句话总结: 因为js中以函数为变量作用域,所以这样可以保证每个组件的数据不互相影响 二.why components data must be a function <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport