Vue 父子组件传值 (Vue-cli4)

1.Vue 父子组件传值:

  第一种: 父组件绑定属性 v-bind:属性   子组件 props 对象接收属性值  ;子组件触发内部事件通过方法 this.$emit('事件名', 参数)冒泡传递给父组件触发 自定义事件对应的方法,方法接收传值处理。

  第二种: 父组件中调用组件方法this.$children 返回子组件数组对象,[0]包含子组件所有声明的属性,方法等信息,即可以调用。

  第三种: 父组件中调用组件方法this.$refs.child  child为父组件中子组件标签的属性ref=‘child' ,返回子组件对象所有属性和方法。

   vscode 插件:

Vue VSCode Snippets  是真的好用。各种VUE文件详细提示:键入从Vb开头建立文件到以V开头键入各种属性结构,一键生成。

   Vue ui

   npm run serve  package.json   --s -dev   -D

   npm install 

   待补充。

 
原文地址:https://www.cnblogs.com/chencn/p/12494814.html