详解vue组件三大核心概念 about blog

[fengjinlong]

干的漂亮

[yifan-blog]

清晰，深刻

[jackchoumine]

<template>
  <div v-if="show" class="border">
    <div>子组件msg：{{msg}}</div>
    <div>子组件数组：{{arr}}</div>
    <button @click="closeModel">关闭model框</button>
    <button @click="$emit('update:msg', '浪里行舟')">改变文字</button>
    <button @click="arr.push('前端工匠')">改变数组</button>
  </div>
</template>

双向绑定，这里报错啊 。

vue.runtime.esm.js?2b0e:619 [Vue warn]: Property or method "showModal" is not defined on the 
instance but referenced during render. Make sure that this property is reactive, 
either in the data option, or for class-based components, by initializing the property. 
See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.

found in

---> <Demo> at src/components/child-example/child-example.vue
       <Hello> at src/views/father-example.vue

我是从公账号里复制代码的。

[Yan2603]

@ljianshu sync修饰符已经从2.x版本去掉了
方法3：使用.sync
https://cn.vuejs.org/v2/guide/migration.html#v-bind-%E7%9A%84-once%E5%92%8C-sync-%E4%BF%AE%E9%A5%B0%E7%AC%A6-%E7%A7%BB%E9%99%A4

[ljianshu]

<template>
  <div v-if="show" class="border">
    <div>子组件msg：{{msg}}</div>
    <div>子组件数组：{{arr}}</div>
    <button @click="closeModel">关闭model框</button>
    <button @click="$emit('update:msg', '浪里行舟')">改变文字</button>
    <button @click="arr.push('前端工匠')">改变数组</button>
  </div>
</template>

双向绑定，这里报错啊 。

vue.runtime.esm.js?2b0e:619 [Vue warn]: Property or method "showModal" is not defined on the 
instance but referenced during render. Make sure that this property is reactive, 
either in the data option, or for class-based components, by initializing the property. 
See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.

found in

---> <Demo> at src/components/child-example/child-example.vue
       <Hello> at src/views/father-example.vue

我是从公账号里复制代码的。

公众号代码格式估计有问题，完整代码查看https://github.com/ljianshu/Blog/tree/master/vue2.0%E5%AD%A6%E4%B9%A0/%E5%A6%82%E4%BD%95%E5%AF%B9prop%E5%8F%8C%E5%90%91%E7%BB%91%E5%AE%9A

[ljianshu]

@ljianshu sync修饰符已经从2.x版本去掉了
方法3：使用.sync
https://cn.vuejs.org/v2/guide/migration.html#v-bind-%E7%9A%84-once%E5%92%8C-sync-%E4%BF%AE%E9%A5%B0%E7%AC%A6-%E7%A7%BB%E9%99%A4

2.3版本强势回归了

[niusz]

方法一中的父组件<props></props> 是哪种写法？怎么文档中看不到

[lwb58]

感谢大佬

[xiaokunxu]

 您好，您的来信已收到，我会尽快阅读且回复，谢谢！