Vue选项和数据

prop


使用props传递数据

组件实例的作用域是孤立的,这意味着不能在子组件的模板内直接引用父组件的数据,可以使用props把数据传给子组件
prop 是父组件用来传递数据的一个自定义属性。子组件需要显式地用 props 选项声明 “prop”:

data


  • 限制
    必须是function
  • 写法
data(){
     return{
      k:value
    }
} 
  • 描述
    data是Vue实例的数据对象,data对象中的属性能够响应数据的变化,data中必须是纯粹的键值对
    实例创建之后,可以通过 vm.$data访问原始数据对象。Vue 实例也代理了 data 对象上所有的属性,因此访问 vm.k等价于访问 vm.$data.k

methods


  • type: {k:function}
  • 描述
    Vue的实例可以直接访问methods中的方法,方法中的this自动绑定为Vue的实例
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 这篇笔记主要包含 Vue 2 不同于 Vue 1 或者特有的内容,还有我对于 Vue 1.0 印象不深的内容。关于...
    云之外阅读 10,474评论 0 29
  • Vue 实例 属性和方法 每个 Vue 实例都会代理其 data 对象里所有的属性:var data = { a:...
    云之外阅读 6,693评论 0 6
  • 1.安装 可以简单地在页面引入Vue.js作为独立版本,Vue即被注册为全局变量,可以在页面使用了。 如果希望搭建...
    Awey阅读 13,802评论 4 129
  • 下载安装搭建环境 可以选npm安装,或者简单下载一个开发版的vue.js文件 浏览器打开加载有vue的文档时,控制...
    冥冥2017阅读 11,276评论 0 42
  • Vue笔记系列1、Vue.js入门3、Vue.js进阶 API 以下会随用随记一些API,可能会不定期更新。 Vu...
    其心阅读 6,243评论 0 10

友情链接更多精彩内容