\u7236\u7ec4\u4ef6\u7ed9\u5b50\u7ec4\u4ef6\u4f20\u503c
\n\u4f7f\u7528props,\u7236\u7ec4\u4ef6\u53ef\u4ee5\u4f7f\u7528props\u5411\u5b50\u7ec4\u4ef6\u4f20\u9012\u6570\u636e
\n\u7236\u7ec4\u4ef6vue\u6a21\u677ffather. vue<\/p>\n
<template>\n <child :msg=\"message\"><\/child>\n<\/template>\n<script>\nimport child from '.\/child. vue'\uff1b\nexport default {\n components\uff1a {\n child\n },\n data () {\n return {\n message\uff1a ' father message'\uff1b\n }\n }\n}\n<\/script>\n<\/code><\/pre>\n\u5b50\u7ec4\u4ef6vue\u6a21\u677fchild. vue\uff1a<\/p>\n
<template>\n<div>{{msg}}<\/div>\n<\/template>\n<script>\nexport default {\nprops\uff1a {\nmsg\uff1a {\ntype\uff1a String,\nrequired\uff1a true\n}\n}\n}\n<\/script>\n<\/code><\/pre>\n\u5b50\u7ec4\u4ef6\u5411\u7236\u7ec4\u4ef6\u901a\u4fe1
\n\u7236\u7ec4\u4ef6\u5411\u5b50\u7ec4\u4ef6\u4f20\u9012\u4e8b\u4ef6\u65b9\u6cd5\uff0c\u5b50\u7ec4\u4ef6\u901a\u8fc7$emit\u89e6\u53d1\u4e8b\u4ef6\uff0c\u56de\u8c03\u7ed9\u7236\u7ec4\u4ef6
\n\u7236\u7ec4\u4ef6vue\u6a21\u677ffather. vue\uff1a<\/p>\n
<template>\n<child @msgFunc=\"func\"><\/child>\n<\/template>\n<script>\nimport child from '.\/child. vue'\uff1b\nexport default {\ncomponents\uff1a {\nchild\n},\nmethods\uff1a {\nfunc (msg) {\nconsole. log(msg)\uff1b\n}\n}\n}\n<\/script>\n<\/code><\/pre>\n\u5b50\u7ec4\u4ef6vue\u6a21\u677fchild. vue\uff1a<\/p>\n
<template>\n <button @click=\"handledick\">\u70b9\u6211<\/button>\n<\/template>\n<script>\nexport default {\n props\uff1a {\n msg\uff1a {\n type\uff1a String,\n required\uff1a true\n }\n },\n methods () {\n handledick () {\n \/\/ \n this. $emit('msgFunc')\uff1b\n )\n }\n}\n<\/script>\n<\/code><\/pre>\n\u975e\u7236\u5b50\uff0c\u5144\u5f1f\u7ec4\u4ef6\u4e4b\u95f4\u901a\u4fe1
\n\u53ef\u4ee5\u901a\u8fc7\u5b9e\u4f8b\u4e00\u4e2avue\u5b9e\u4f8bBus\u4f5c\u4e3a\u5a92\u4ecb\uff0c\u8981\u76f8\u4e92\u901a\u4fe1\u7684\u5144\u5f1f\u7ec4\u4ef6\u4e4b\u4e2d\uff0c\u90fd\u5f15\u5165Bus,\u7136\u540e\u901a \u8fc7\u5206\u522b\u8c03\u7528Bus\u4e8b\u4ef6\u89e6\u53d1\u548c\u76d1\u542c\u6765\u5b9e\u73b0\u901a\u4fe1\u548c\u53c2\u6570\u4f20\u9012
\nBus. js\u53ef\u4ee5\u662f\u8fd9\u6837\uff1a<\/p>\n
import Vue from 'vue'\nexport default new Vue()\n<\/code><\/pre>\n\u5728\u9700\u8981\u901a\u4fe1\u7684\u7ec4\u4ef6\u90fd\u5f15\u5165Bus. js\uff1a<\/p>\n
<template>\n <button @click=\"toBus\">\u5b50\u7ec4\u4ef6\u4f20\u7ed9\u5144\u5f1f\u7ec4\u4ef6<\/button>\n<\/template>\n<script>\nimport Bus from '.. \/common\/js\/bus. js'\nexport default{\n methods: {\n toBus () {\n Bus.$emit ('on',\u6765\u81ea\u5144\u5f1f\u7ec4\u4ef6')\n }\n }\n}\n<\/script>\n<\/code><\/pre>\n\u53e6\u4e00\u4e2a\u7ec4\u4ef6\u4e5fimport Bus. js\u5728\u94a9\u5b50\u51fd\u6570\u4e2d\u76d1\u542con\u4e8b\u4ef6<\/p>\n
import Bus from '.. \/common\/js\/bus. js'\nexport default {\n data () {\n return {\n message\uff1a ' '\n },\n mounted () {\n Bus.$on('on', (msg) => {\n this.message = msg\n })\n }\n}\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"\u7236\u7ec4\u4ef6\u7ed9\u5b50\u7ec4\u4ef6\u4f20\u503c \u4f7f\u7528props,\u7236\u7ec4\u4ef6\u53ef\u4ee5\u4f7f\u7528props\u5411\u5b50\u7ec4\u4ef6\u4f20\u9012\u6570\u636e \u7236\u7ec4\u4ef6vue\u6a21\u677ffather. […]<\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[103],"tags":[127],"class_list":["post-13468","post","type-post","status-publish","format-standard","hentry","category-qianduan","tag-127"],"_links":{"self":[{"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/posts\/13468","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/comments?post=13468"}],"version-history":[{"count":2,"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/posts\/13468\/revisions"}],"predecessor-version":[{"id":48608,"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/posts\/13468\/revisions\/48608"}],"wp:attachment":[{"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/media?parent=13468"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/categories?post=13468"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/wx.kaifamiao.info\/index.php\/wp-json\/wp\/v2\/tags?post=13468"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}