美文网首页
Vue选项和数据

Vue选项和数据

作者: 奈何明月照沟渠 | 来源:发表于2017-01-17 21:47 被阅读0次

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的实例

相关文章

  • vue数据选项

      一般地,当模板内容较简单时,使用data选项配合表达式即可,涉及到复杂逻辑时,则需要用到methods、com...

  • 第三节: Vue选项: data数据以及数据响应式

    Vue data 数据属性 1.数据属性 Data的了解 通过前面的学习,我们知道vue的数据是写在vue选项对象...

  • Vue 构造选项

    Vue 构造选项 Options 数据: data、props、methods、computed、watch DO...

  • 学习笔记----vue

    VUE 选项和钩子函数 1.beforeCreate 在实例初始化之后,数据观测 (data observe...

  • Vue 生命周期

    在实例化Vue时,需要传入一个选项对象。他可以包含数据、模板、挂载元素、方法、生命周期钩子等选项。 每个vue实例...

  • Vue 选项 / 数据,DOM

    每个vue应用都是通过构造函数Vue创建的一个Vue的根实例启动的,在实例化Vue时,需要传入一个选项对像,它可以...

  • Vue选项和数据

    prop 使用props传递数据 组件实例的作用域是孤立的,这意味着不能在子组件的模板内直接引用父组件的数据,可以...

  • vue-选项 / 数据

    data 类型:Object | Function 限制:组件的定义只接受function。 详细: Vue 实例...

  • vue自测题笔记

    一、Vue安装&介绍 二、Vue实例&模板语法 1、Vue构造函数的选项options 2、关于数据响应 3、vm...

  • Vue学习之数据绑定

    vue学习之数据绑定 一、vue实例 vue根实例的创建可以通过构造函数Vue, 在这里,必不可少的选项就是el,...

网友评论

      本文标题:Vue选项和数据

      本文链接:https://www.haomeiwen.com/subject/qnxvbttx.html