如何使用$emit或vuex将事件从组件发送到主实例
使用$emit或vuex将事件从组件发送到主实例的方法如下：
- 使用$emit方法：
- 在子组件中，通过this.$emit('eventName', data)触发一个自定义事件，并传递需要传递的数据。
- 在父组件中，通过在子组件上使用v-on指令监听该自定义事件，例如v-on:eventName="handleEvent"，并在父组件的methods中定义handleEvent方法来处理接收到的事件和数据。
- 优势：简单易用，适用于简单的组件通信场景。
- 应用场景：适用于父子组件之间的通信，例如子组件触发一个事件，父组件需要做出相应的处理。
- 腾讯云相关产品和产品介绍链接地址：暂无推荐的腾讯云产品。
- 使用vuex：
- 在子组件中，通过调用commit方法提交一个mutation来改变store中的状态，例如this.$store.commit('mutationName', data)。
- 在主实例中，通过在computed属性中定义getter来获取store中的状态，例如computed: { stateData() { return this.$store.state.data } }。
- 优势：适用于大型应用程序中的复杂组件通信场景，可以集中管理状态。
- 应用场景：适用于多个组件之间的通信，例如多个组件需要共享同一个状态。
- 腾讯云相关产品和产品介绍链接地址：暂无推荐的腾讯云产品。
请注意，以上答案仅供参考，具体的实现方式可能会根据项目需求和技术栈的不同而有所变化。
相关·内容
1回答
我有一个Loader组件，在其中它将基于
created() {
this.$root.$on('show-loading', (vars) => {
this.loading = vars;
console.log('loader executed');
});
},
目前，通过vue组件，我可以通过show-loading执行this.$root.$emit('show-loading', true);。
但是，我现在正试图从vuex模块文件中执行代码。我得到了一个错误
TypeErro
浏览 2提问于2020-07-03得票数 1
回答已采纳
我有大量嵌套的Vue组件，它们需要能够打开全局模式。为了避免大量的听众和发射器在应用程序中蜿蜒而行，我正在使用VueX。主应用程序有一个模态，如果模态状态不是未定义的，就会显示它。
Root应用程序模板
Root应用程序脚本
import { State } from 'vuex-class'
@State(state => state.popupImage) popupImage:string
Nested组件
在组件中设置弹出字符串，该字符串将触发全局模式：
this.$store.commit("setPopup", "bla.jpg
浏览 0提问于2018-02-03得票数 2
回答已采纳
我想使用我的主vuejs实例来管理sockets.io连接和事件。我有这段代码可以工作，但我在组件之间传递事件时遇到了一些问题。代码在一个使用vuex的chrome扩展中，但我现在还不熟悉vuex。我如何在我的主实例和子组件之间传递事件？有人建议我使用vuex，但它分为三个文件，我现在不能理解如何获得我想要的东西。
<script>
// child component
export default {
data() {
return {
isRegistered: false,
isConnected: false
浏览 17提问于2020-05-09得票数 1
回答已采纳
如果在嵌套组件3-4级别中有组件，并且：
(1)希望将数据从基本父组件发送到我必须从每个家长发送到每个子支持的最后一个子组件--这很好，但是
(2)如果我想从最后一个子组件中接收基本父组件中的数据，那么我必须向每个子组件发出数据，并得到我在int的父组件中给出的数据，直到它到达基本组件--这不是很酷。
这就是它的工作原理？
<component1 @change="change">
<component2 :data="data" @change="change">
<component3 :
浏览 0提问于2019-07-24得票数 2
回答已采纳
我很难理解如何正确地使用Vuex，如果我甚至应该在我的情况下使用它。
假设我有从组件构建的简单的在线商店：
产品列表.产品过滤.
没有Vuex：
我可以将筛选作为子组件，将列表作为父组件。获取列表中的异步数据，然后将其作为支柱(或v-模型)传递给筛选。然后通过$emit将过滤后的产品传回。而且效果很好。
与Vuex：
用模块产品制作Vuex商店。在它里面，所有从API中获取产品并对其进行过滤的逻辑。现在，组件列表和过滤可以分开。在它们内部使用getters/actions (从商店到Products模块)。一切都会好起来的。
我理解得对吗？
但问题是：
假设我想在其他地方使用products，
浏览 4提问于2021-02-03得票数 0
回答已采纳
1回答
实际上，我在web应用程序中使用vuejs作为前端框架。
在特定情况下，我想要沟通两个独立的组件。
我知道有很多方法可以做到这一点，特别是使用vuex，它可以帮助我们创建一个可维护的应用程序。
在我的例子中，我发现我们可以通过总线事件和混合(通过$emit和$on事件)操作组件之间的数据。
为此，我想知道：
总线事件和混搭是如何准确地工作的？
他们之间有什么区别？
浏览 2提问于2018-01-17得票数 0
回答已采纳
3回答
我习惯于使用全局事件总线来处理跨组件方法。例如：
var bus = new Vue();
...
//Component A
bus.$emit('DoSomethingInComponentB');
...
//Component B
bus.$on('DoSomethingInComponentB', function(){ this.doSomething() })
然而，我正在构建一个更大的项目，这需要全球国家管理。当然，我想用Vuex。
虽然这种总线模式适用于Vuex，但似乎是错误的。我看到Vuex被推荐作为替代来替代这种模式。
有办法在Vuex组件
浏览 9提问于2017-03-15得票数 36
回答已采纳
3回答
我正在尝试将this.TC从typing.js发送到send page.js，这是同级组件。发射和事件中心无法工作。但是发出从typing.js到父工作，我想要。(这个应用程序中只会有一个调用，所以我不想使用Vuex，如果没有这个必要的话-我想用简单的发射)下面是我的代码：
父母：
<template>
<div id = "app">
<typing v-if = "DynamicComponent === 'typing'" />
<ending_page v-e
浏览 1提问于2019-02-20得票数 0
4回答
我什么时候应该使用Vuex？
、、、、
现在我开始学习vue，并创建用于编辑数据库的SPA。现在我不知道该在哪里使用Vuex。我可以在任何地方使用道具和$emit，它可以帮助我找到所需的参数。那我该用Vuex做什么？
浏览 3提问于2019-08-29得票数 6
回答已采纳
我为一个滑块提供了一个渲染函数，当一个图像被点击时，它会打开一个模式。我在我的Vuex商店中有一个模式状态，并且需要在我的渲染函数中从image标签中分派一个动作。
我有一个click事件，就像在官方vue文档中一样，vuex store状态映射到我的组件范围，但我在render函数中合并映射的操作时遇到了问题。
目标是将状态从false更改为true，以便打开模式。
我对深入使用vue相对比较陌生，所以我不知道该怎么做。我之前的所有尝试都失败了，在这方面我真的需要一些指导。我确信这是一个非常简单的解决方案，我只是一直没能找到它
我有两种访问Vuex商店的方法。我对最好的工作没意见。
comp
浏览 20提问于2019-08-01得票数 0
回答已采纳
1回答
我正在研究一个Vue组件，它将在不同的项目中重用(并将通过npm install ...获得)，并有一个主要问题是如何处理事件发出。 该组件本身包含一些嵌套的子元素，如： component-parent
|-child 1
|-child 2
|-child 3
|-child 4 当组件包含在某个项目中时，component-parent将公开从整个组件发出的所有事件。并且想知道组件内事件是如何传递给component-parent的。例如，如果我想将事件从child 4传递给component-parent，那么child 4将向child 3发出
浏览 26提问于2019-01-11得票数 0
回答已采纳
我有一个Vue 3应用程序。我正在使用复合API，因为我已经读到它简化了状态管理。因此，我试图避免使用VueX。也许，我遇到了一种有理由这样做的情况。目前我的应用程序中有以下组件结构..。
应用程序
+---------------------------------------------------+
| |
| +-----------------+ +--------------------+ |
| | Component 1 | | Component 2
浏览 0提问于2021-05-18得票数 0
回答已采纳
我试图通过使用vuetify v-select获得更改后的$emit值，但它不起作用。我通过应用原子设计模式(原子(子组件而不是与存储连接)、生物体(父组件)和vuex存储来划分组件。我认为$emit数据是可以的，但是在这个过程之后，任何东西都不能工作。
这是一个使用vue, vuex, vuetify,原子设计连接到API服务器的管理页面的新应用程序。
组件
子组件- in原子文件夹
<template>
<v-select
:items="list"
:label="label"
v-model="sel
浏览 2提问于2019-05-27得票数 3
回答已采纳
所以我在Vue开发了应用程序。在组件之间发送和接收数据时，我有问题。$dispatch/$broadcast和$emit/$on已经试过了，但现在还在工作。我想把选定的active_club从ClubSelection.vue发送到vue_main.js。
Vue版本: 2.0.3
我的应用程序结构：
vue_main -主Vue文件
HeaderElement.vue (子弟of vue_main)
ClubSelection.vue ( of HeaderElement)
需要将active_club从ClubSelection发送到vue
浏览 2提问于2016-10-27得票数 1
现在，我正在使用事件总线从其他不相关的Vue组件调用某些Vue组件的方法。
我有一个功能良好的Vuex存储，所以我试图摆脱事件总线，并将此功能转移到Vuex商店。
问题
我应该将事件总线功能移到Vuex商店，还是两者都使用？
在Vuex商店中实现事件总线功能的最佳方法是什么？
请给出一个实际示例，说明如何使用Vuex调用另一个非相关组件中的方法：
First.vue
methods: {
test1 () {
console.log('test1 was called')
}
}
Second.vue
methods: {
callMet
浏览 0提问于2018-08-12得票数 0
我正在使用
"axios": "^0.19.0",
"vue": "^2.6.10",
"vuex": "^3.1.1"
我的vuex操作看起来像这样，并使用axios调用远程接口。请求确实起作用了，并且它收到了有效的响应。
skipQuestion({commit}, payload) {
let params = {
answer: {
id: payload.id,
skipped: true,
}
浏览 0提问于2019-10-18得票数 3
1回答
我正在使用Vuetify在仪表板()中创建几个组件。如您所见，我有一个工具栏组件：
Vue.component('toolbar', {
template: '
<v-toolbar>
<v-toolbar-side-icon @click="$emit('toggle')"></v-toolbar-side-icon>
<v-toolbar-title>Application<
浏览 0提问于2018-03-27得票数 2
1回答
我想从子组件向父组件发送信号。我不想使用Vuex，因为我的VueJS水平知识Vuex太复杂了。我使用的是单个文件组件。
child.vue
<script>
export default {
name: 'ChildComponent',
methods: {
// ajax post here ...
if (response.data.status === 'accepted'){
this.$emit('send-data', 'accepted')
}
}
parent.vu
浏览 0提问于2017-03-26得票数 0
回答已采纳
2回答
我最近开始在VueJS中工作，其中一位首席开发人员指示我永远不要将emit事件和vuex store结合起来。基本上，如果项目将使用存储，则通过存储获取所有事件/状态。 从一个角度来看，我可以理解这一点，但在很多情况下，发出事件比通过商店获取所有内容要快得多。 这是不结合使用Vuex和emit事件的最佳实践吗？
浏览 37提问于2019-12-18得票数 1
回答已采纳
因此，到目前为止，我只使用socket.io-client来与Vue组件中的WebSocket进行通信。现在，我将Vuex添加到该项目中，并声明了如下所示的Websocket
Vue.use(new VueSocketIO({
debug: true,
connection: 'http://192.168.0.38:5000',
}));
new Vue({
router,
store,
render: (h) => h(App),
}).$mount('#app');
( 1)我现在应该在组件中或者在商店中发布一些信息吗？
2)在
浏览 3提问于2020-05-15得票数 0
回答已采纳
嗨，我是新手，我正在用Reactive Form创建一个项目；基于Recursive组件，该组件从JSON文件创建Dynamic Form。来源
这是基于的离子改编版
我适应了递归版本的程序和其他的变化！我的代码位于中。
位于selects.component.ts文件中的组件SelectsComponent具有选择器selector: 'selects',：
@Output() addControl = new EventEmitter<JsonFormControls>();
和方法
public onSelectChange(event: MatSel
浏览 11提问于2022-01-22得票数 0
回答已采纳
在这里很新鲜，
只想知道是否可以从主vue实例(父实例)发出自定义事件，并且组件可以侦听该自定义事件，并在触发该事件时采取相应的行动？
我希望在vue实例上触发一个自定义事件，挂载的生命周期函数，然后所有组件都可以初始化自己。
例如。
主vue实例
new Vue( {
el : '#main-app',
mounted : function() {
this.$emit( 'init-app' );
}
} );
然后，在各种组件上，它可以侦听'init-app'自定义事件，然后在触发或发出它时采取相应的行
浏览 4提问于2016-10-17得票数 6
回答已采纳
1回答
我有一个嵌套组件，子组件应该从主实例接收一个参数，但是问题是，我必须调用事件的两倍才能得到参数。
index.html
<div id="app">
<button @click="displayComponent">Display</button><br/><hr/>
{{ message }}
<mycomponent v-if="showComponent" @hide="hideComponents"></mycompo
浏览 5提问于2017-12-18得票数 1
回答已采纳
有没有一种标准的方法可以在对话框组件的状态下本地编辑对象，然后在保存操作完成后将它们提交到主VueX存储中？ 我正在编辑一个复杂的对象的前端。有一个片段是一个对象列表，我创建了一个组件来编辑它们。我的结构看起来像这样。 这是子对象组件。 <template>
<v-card>
<v-card-text>
<v-text-field v-model="subObject.height" />
... many more elements ...
</v-card-text>
浏览 6提问于2020-08-10得票数 0
回答已采纳
我现在使用Vuex作为state，并利用getter获取状态，这样我就不用使用道具了。但是，我很好奇是否可以使用Vuex来替换这种函数发射。如果可能的话，如何处理Vuex呢？
亲本
<child-component @handleselectproduct="selectProduct"></child-component>
selectProduct: function() {
axios.get()
}
儿童
<button @click="selectProduct></button>
selectProd
浏览 3提问于2020-07-29得票数 0
回答已采纳
背景:我正在从1.0迁移到2.0。
目前，我正在使用嵌套组件。父母和孩子之间的关系非常好。但是，父组件与主Vue()实例之间的关系已经中断。在计算属性中，Vue()实例中的cssstyle不像我所期望的那样基于$emit()/$on()进行更新。
相关章节：
HTML中父组件的使用：
<f9-padding v-if="editable" ></f9-padding>
在父组件内部
computed: {
cssstyle: function() {
var padding_style = this.padding();
浏览 2提问于2016-09-04得票数 5
3回答
我可能还不想在国家管理中使用vuex，因为目前这可能是过分的。我看了一下。我使用的是单个文件组件，所以我不知道在哪里定义共享总线，以便两个组件都能引用它。
var bus = new Vue()
ChildA.Vue
watch: {
sideNav: (newValue) => {
bus.$emit('sideNav-changed', newValue)
}
}
ChildB.Vue
created () {
bus.$on('sideNav-changed', data => {
console.log(`rece
浏览 4提问于2017-08-23得票数 2
假设我有一个简单的Vue插件：
plugin.js
export default {
install(Vue) {
if (this.installed) {
return;
}
this.installed = true;
Vue.prototype.$myPlugin = {
newEvent: () => {
this.$emit('new-event-from-plugin'); // <-- does not work :(
}
};
}
}
我想在我的
浏览 3提问于2020-05-06得票数 0
回答已采纳
1回答
我很难弄清楚为什么不能侦听父组件中的子组件的更改。
我有一个自定义的<v-address></v-address>组件，它包含几个输入字段，供用户输入如下所示的地址：
<v-text-field
v-model="address.address_line_1"
label="Street Address"
required
@change="inputChanged">
</v-text-field>
下面我聆听变化：
import { mapGetters, mapActions
浏览 0提问于2018-09-27得票数 3
回答已采纳
1回答
在vue.js应用程序中，使用vuex作为状态管理存储，我需要简单地更改vuex中属性的值。为此，我可以遵循两种方法：
分派一个action方法，该方法将进一步提交mutation，这最终将改变状态。
第二种方法是直接从组件提交mutation，然后突变方法将改变状态。
目前，我使用的第一种方法如下：
组件中的：
this.$store.dispatch('updateNotice', 'This is some notice')
行动中的：
updateNotice ({state, getters, commit}, payload) {
浏览 1提问于2018-04-23得票数 52
回答已采纳
1回答
我有一个触发this.$root.$emit('some-root-event')的组件，如
clickHandler: function() {
this.$root.$emit("some-root-event", "aaaaaaaaaaaaaaaaaaaaaa");
console.log('About $root.$emit')
}
内部的另一个组件会捕获此事件，但会抛出一个错误：
this.$root.$on不是函数
第二个组件的代码看起来像
mounted() {
this.$root.
浏览 5提问于2020-08-27得票数 17
回答已采纳
我有一个插件，这个插件使用Vuex
// plugin.js
import Vuex from "vuex";
import store from "./store.js";
export default {
install(Vue, options) {
const storeInstance = new Vuex.Store(store);
Vue.prototype.$store = storeInstance;
}
};
在这个插件中，我导入了一个存储对象。
// store.js
export defa
浏览 6提问于2022-01-27得票数 4
回答已采纳
我在用Vue路由器做实验，我闻到了一股臭味。需要和社区联系看看我做得对不对。
在Vue路由器之前，我有一个组件作为父组件从它的子节点接收一个事件，并更新我的主要app data属性：
<number-pad v-on:button-click="updateTotal($event)"></number-pad>
别担心细节，但它起作用了。
当我把这个搬到Vue路由器的时候，它看起来会是这样的.
const pageOne = {
name: "page-one",
template: `
<div>
浏览 0提问于2018-08-25得票数 3
回答已采纳
1回答
我使用类星体框架(vue 3)在路由器中使用嵌套路由获得了这个结构：
const routes = [
{
path: "/",
component: () => import("layouts/myLayout.vue"),
children: [
{
path: "",
component: () => import("pages/Main.vue"),
children: [
{
p
浏览 1提问于2021-06-11得票数 1
回答已采纳
1回答
在vuex文件中有如下所示的函数。
当我使用Vue组件的Button运行start函数时，
socket.emit将数据发送给nodejs的套接器。
并通过nodejs的websocket通过socket.on接收到了一些结果。
// In vuex.js
const actions = {
start(event) {
socket.emit("voice", {
msg: event.currentTarget.message
});
socket.on("voice-reply"
浏览 0提问于2019-12-07得票数 1
回答已采纳
4回答
我有两个方法可以发出一些参数。
@Output() parametersEmitter = new EventEmitter<FilterParams>();
emitSearch() {
const parameters = <any>{};
this.parametersEmitter.emit(parameters);
}
emitExport() {
const parameters = <any>{};
this.parametersEmitter.emit(parameters);
}
然后，我想将这些参数发送到Rest方法。
浏览 4提问于2020-03-31得票数 0
回答已采纳
2回答
我有Vuex存储，在那里我存储‘用户’(从服务器上传的obj)
在创建部分的主App.vue中，我总是填写“user”
这是异步方法。我的组件不需要等待。在模板{{user.logo}中使用时，控制台404中出现错误
http://example.net/images/undefined
但是在下一秒，当用户上传时，错误就消失了。
如何使应用程序在Vuex中等待上传异步日期？
已更新。我明白为什么会发生这种事。组件挂载，异步数据尚未准备好。我使状态‘准备’在Vuex，它成为事实后，成功上传。我在计算区检查“就绪”。如果尚未准备好，则返回no_logo.png
但是，在我的组件中，在creat
浏览 3提问于2017-07-01得票数 2
回答已采纳
我正在阅读这个，但是我的组件属性使用Vuex数据。
从示例中可以看出，如果country_id位于data方法中，则工作正常。但是，当country_id是从Vuex存储返回数据的计算属性时，子组件的internalValue总是被初始化为undefined。
我做错了什么？
父组件：
export default {
computed: {
country_id() {
return this.$store.state.user.country_id
}
},
mounted: function () {
浏览 1提问于2017-05-18得票数 9
1回答
我在vue.js项目中添加了一个datepicker组件： Vue.component('d_picker', {
data() {
return {
pickerOptions: {
shortcuts: [{
text: 'Today',
onClick(picker) {
picker.$emit('pick', new Date());
}
浏览 12提问于2020-09-16得票数 0
回答已采纳
1回答
我如何将请求从服务器发送到客户端，只发送到一个客户端...
我知道io.sockets.to(room).emit('event' data)存在，但我没听说过socket.to(room).emit
浏览 0提问于2013-07-15得票数 0
回答已采纳
1回答
我正在尝试单元测试一个组件方法。问题没有说明如何从单元测试中访问组件方法。
具体来说，鉴于下面的Vue组件，我如何从单元测试中访问doSomeWork()？
Vue组件：
<template>
<div id="ThisStuff">
<span>
Some other stuff is going on here
</span>
</div>
</template>
<script>
import foo fro
浏览 2提问于2018-12-06得票数 55
回答已采纳
1回答
我有一台Vue component that contains a Leaflet map。目前，我使用事件总线模式在其他组件请求时运行一些Leaflet方法： // in Map.vue
eventBus.$on('invalidateMapSize', () => {
this.map.invalidateSize(true)
})
eventBus.$on('setMapView', (coordinates, zoom) => {
this.map.setView(coordinates, zoom)
})
// in othe
浏览 7提问于2019-01-26得票数 0
回答已采纳
2回答
我有一个提要，用户可以在其中投票帖子
服务器>节点，快捷，socket.io v2.3.0
服务器> app.js
client.on('connection', socket =>{
socket.emit('success', {message: 'Server Accecpting Connections'});
// CLients connected
client.clients((error, clients) => {
if (error) throw
浏览 14提问于2020-03-30得票数 0
我有两个vue文件，app.vue和logincomponent.vue。
我使用logincomponent.vue来制作登录框中的模板，并使用脚本在wails中与go后端通信，代码本身也能工作，但我试图在主app.vue中更改值，但我无法让它工作。
问题是：“如何从组件中更改主vue应用程序中变量的值？”
进口：
import LoginScreen from "./components/LoginScreen.vue"
变量：
data: () => ({
drawer: false,
curr
浏览 4提问于2020-02-15得票数 0
回答已采纳
谢谢你能提供的任何帮助。有人知道如何使用$emit方法在Vue.js中将数据上链发送到全局方法吗？在一个非常基本的Vue.js示例中，我没有遇到任何问题。但是，使用Vue CLI使用更高级的文件夹结构设置我的项目后，我的方法似乎没有正确注册。
在我的Register.vue组件中，我注册了一个新用户，然后希望将新用户发送到上游以更新我的全局范围：
this.$emit("login-user", newUser);
我的组成部分登记如下：
<Register msg="Otherwise, go ahead and register here:" :log
浏览 2提问于2019-01-09得票数 1
回答已采纳
3回答
如何将数据发送到Vue.js中的组件？我在单击事件按钮上得到了来自服务器的响应，现在我希望将这个响应发送到组件，并使用v-for在v-for上显示。
这是我的代码：
var store = new Vuex.Store({
state: {
Item: []
},
mutations: {
getItems: function (state) {
}
},
actions: {
fetchData:function (context) {
Vue.http.get(
浏览 4提问于2017-09-03得票数 0
回答已采纳
我想在菜单栏中显示一些数据，这些数据需要远程获取(http调用)才能正确显示。当我的应用程序加载时，还没有初始化存储。我应该在哪里做呢？
这就是我现在所拥有的。只要不获取数据，nodeInfo就是一个空对象。
导航组件
<template>
<nav class="navbar" role="navigation" aria-label="main navigation">
...
<div class="navbar-end">
<span cla
浏览 0提问于2018-06-10得票数 11
回答已采纳
3回答
我想从我的子组件(如下面所示的client和advice )检索所有输入值，但不确定如何继续。
client.vue
<template>
<div id="client">
<input type="text" v-model="client.name" />
<input type="text" v-model="client.code" />
</div>
</template>
<
浏览 2提问于2019-07-12得票数 4
回答已采纳
2回答
我和我的团队正在着手进行中、大型应用程序的开发。它是一个Vue 2客户端呈现的应用程序和asp.net核心后端.客户端将用于管理数以万计的项目，他们的status.The应用程序还处于早期阶段，我们一直在考虑如何重新架构我们现有的客户端商店。
由于我们都是新来的，而且自学的，所以我们不确定Vue应用程序中数据管理的最佳模式是什么。
在VueJS应用程序中有推荐的数据管理模式吗？
我们目前的模式如下：
| |
浏览 0提问于2021-04-06得票数 1
回答已采纳
我想要创建一个组件，可以多次实例化，指向不同的vuex命名空间(从不同的vuex命名空间加载数据)。该组件将从Vuex获取大部分数据。假设我有一个Person组件，我可以根据vuex的不同路径实例化Person组件的许多副本。
我知道如何做到这一点的最好方法是传递一个vuex路径作为支柱，但是我不知道如何使用mapGetters和朋友，因为他们在实例化.vue文件时需要一个名称空间。
我希望能深入了解最好的"Vue方式“来构建这个结构。这是我目前发现的最接近的方法。
Person.vue：
<template>
<div>person {{name}}
浏览 0提问于2018-03-15得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
