vue学习更新。。。

vue学习:props,scope,slot,ref,is,slot,sync等知识点

1、ref :为子组件指定一个索引 ID,给元素或者组件注册引用信息。refs是一个对象,包含所有的ref组件。

 
(子组件)
var parent = new Vue({ el: '#parent' }) // 访问子组件 var child = parent.$refs.profile

ps:$表示refs为vue对象,而不是普通的js对象。

2、props:父组件向子组件传值(数据),驼峰式改为横线式。

Vue.component(

  'child', {

  // 声明 props

  props: [

  'message'],

  // 就像 data 一样,prop 可以用在模板内

  // 同样也可以在 vm 实例中像“this.message”这样使用

  template:

  '{{ message }}'

  })

3、scope 作用域

在父级中,具有特殊属性 scope