当前位置: 首页 > 知识库问答 >
问题:

什么时候在vue中使用创建()方法?

昝卓
2023-03-14

我已经学习了Vue.js的生命周期钩子,但没有找到任何实际的场景,其中创建()函数被使用?

我知道created()函数可以访问被动数据和事件,但不能访问DOM元素。但实际上我不知道如何使用它。请有人帮我提供使用Created()函数的实际场景。提前谢谢。

共有3个答案

花俊雄
2023-03-14

请查看vue站点上的此页面

根据图表:

创建组件模板之前,将调用创建的方法。因此,您不能访问模板,但可以更改应在模板中使用的值。例如,您可以将json道具转换为对象或更改组件静态数据,然后。。。“已创建”与“已安装”的唯一区别在于,您可以在创建模板之前执行性能

但请记住,不要在创建的方法中更改反应数据。因为每次创建的数据更改都不会再次调用该方法。此外,您无权访问$创建方法中的el

现在,你用哪一个或你需要哪一个取决于你自己

滑弘扬
2023-03-14

created()方法是执行不依赖于DOM的其他数据初始化的好地方。事实上,我经常这样做。

姜玮
2023-03-14

很多人在Vue中使用全局事件总线模式:

https://alligator.io/vuejs/global-event-bus/

设置事件侦听器的页面示例如下:

EventBus.$on('i-got-clicked', clickCount => {
  console.log(`Oh, that's nice. It's gotten ${clickCount} clicks! :)`)
});

这是您可以在DOM模板完成此特定组件的呈现之前设置的事件。如果您等待DOM模板在这里完成,您可能会错过一个点击。你只是想尽快做到这一点。

就像组件触发AJAX请求一样,您不必总是等待DOM完成对组件的渲染。很多时候,你可以直接发出请求。那么,您为什么不想节省一些时间,直接启动AJAX请求呢?

挂载的钩子中不需要DOM的任何内容都可以移动到创建的钩子中,以便在Vue生命周期中更快地执行

 类似资料:
  • 问题内容: 奇怪的是: 似乎或多或少被定义为。通过这种方式很容易产生错误: 一些fname意外地以else块结尾。修复很简单,我们应该改用它,但是从表面上看,这似乎是一种不错的pythonic方式,并且比“正确”的方式更具可读性。 由于字符串是不可变的,所以为什么字符串错误是什么技术细节?什么时候进行身份检查更好,什么时候进行平等检查更好? 问题答案: 据我所知,检查对象身份是否相等。由于没有强制

  • 问题内容: 我有一个将客户发送到另一个站点来处理付款的应用程序。客户之外的另一个站点在我们的服务器上调用一个页面,让我们知道付款的状态。被调用页面会检查付款应用程序提供的参数,并检查我们是否知道该交易。然后,它更新数据库以反映状态。这一切都无需与客户进行任何互动即可完成。 我个人选择将此功能实现为JSP,因为将文件拖放到文件系统中比编译和打包文件然后将条目添加到配置文件中要容易得多。 考虑到页面的

  • 问题内容: 我怎么能说: 为什么函数调用中不需要括号,而最后一行呢? 问题答案: 是一个功能 调用该函数并产生该函数返回的任何值。 setTimeout的目的是在一段时间后运行代码。你需要的功能只是传递给它(这样的setTimeout可以自称在适当的时候函数),因为如果你将它传递给setTimeout的前调用的函数(用括号),将执行 现在 而不是1秒后,。

  • 我不知道POST和PUT方法的确切区别。有些人在网上说,当你们更新记录的时候,你们必须使用PUT方法而不是POST,我不知道这是真的吗?? 如果你的网站URL在POST方法1.www.example。com/user/{id}/update:-使用2.www.example。com/user/update:-使用后这是否正确??

  • 我想问一个问题,什么时候在Java中使用静态变量/方法或实例变量/方法更有利? 我知道这取决于特定的情况(比如将util类编程为静态方法),但是我们能声明一些像通用策略一样的东西吗?

  • 一般来说,当发现 CPU 的占用率和实际业务应该出现的占用率不相符,或者对 Nginx worker 的资源使用率(CPU,内存,磁盘 IO )出现怀疑的情况下,都可以使用火焰图进行抓取。另外,对 CPU 占用率低、吐吞量低的情况也可以使用火焰图的方式排查程序中是否有阻塞调用导致整个架构的吞吐量低下。 常用的火焰图有三种: lj-lua-stacks.sxx 用于绘制 Lua 代码的火焰图 sam