gpt4 book ai didi

javascript - Vue创建组件时如何实现功能?

转载 作者:搜寻专家 更新时间:2023-10-30 22:19:28 24 4
gpt4 key购买 nike

根据docs ,Vue对象的构造函数是这样管理的。

var vm = new Vue({
created: function () { console.log("I'm created!"); }
});

但是,我不知道如何在创建 Vue 组件时做相应的事情。我尝试了以下操作,但没有在控制台上打印任何内容。

export default {
created: function() { console.log("Component created!"); }
}

是否可以订阅/收听正在呈现的组件?我想通过下载一些数据并将其放入商店来对该事件作出 react ,以便组件携带的表格能够显示其信息。

最佳答案

在我的应用程序中,我倾向于使用 mounted Hook 在组件挂载后加载一些 Ajax 数据。

来 self 的应用的示例代码:

Vue.component('book-class', {
template: '#booking-template',
props: ['teacherid'],
data: function () {
return{
// few data items returned here..
message: ''
}
},
methods: {
// Few methods here..
},
computed: {
// few computed methods here...
},
mounted: function () {


var that = this;
$.ajax({
type: 'GET',
url: '/classinfo/' + this.teacherid,
success: function (data) {
console.log(JSON.stringify(data));

}
})
}
});


new Vue({
el: '#mainapp',
data: {
message: 'some message here..'
}
});

但是,我也可以使用 created() 钩子(Hook),因为它也在生命周期中。

在 Vue2 中,你有以下生命周期钩子(Hook):

enter image description here

关于javascript - Vue创建组件时如何实现功能?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41065194/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com