文章 2022-12-19 来自:开发者社区

精通Vue.js系列实例教程 │ Vue组件的单向数据流

为了简化组件的数据传递过程,避免因为在某个组件中随意修改数据而出现混乱,Vue框架提供了以下建议:(1)单向传递组件的属性,即由父组件把属性值传递给子组件的属性。(2)在子组件中不随意修改由父组件传入的对象或数组类型的属性的内容。1、Vue组件的单向数据流在例程1的oneflow.html中,根组件在自己的模板中会把变量data1和data2传给子组件的属性v1和v2。■ 例程1 oneflow....

精通Vue.js系列实例教程 │ Vue组件的单向数据流
文章 2022-12-15 来自:开发者社区

精通Vue.js系列实例教程 │ 分割setup函数

Vue框架的组合API的主要用途是更加灵活地对项目进行模块化的分割。如果setup()函数本身非常庞大,也必须对它进行分割,这样才能发挥组合API的特长。对setup()函数的分割包括以下两个步骤。(1) 把setup()函数分割成多个函数,把处理相关业务逻辑的代码分割到同一个函数中。(2)把从setup()函数中分割出来的每个函数放到单独的.js文件中。1、把setup()函数分割到多个函数中....

精通Vue.js系列实例教程 │ 分割setup函数
文章 2022-12-14 来自:开发者社区

精通Vue.js系列实例教程 │ Vue组件的数据监听

如果Vue组件的一个变量num会被频繁更新,并且当变量num每次被更新时,需要进行一系列耗时的操作,如访问远程服务器的资源,或者通过复杂耗时的运算更新那些依赖变量num的其他变量(如result变量)。在这种情况下,可以通过Vue框架的数据监听器Watcher实现对变量num的监听。Vue的watch选项会通过Watcher监听数据。例程1的mywatch.html演示了watch选项的基本用法....

精通Vue.js系列实例教程 │ Vue组件的数据监听

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注