Vue响应式

Contributor:mutoe Type:简体中文 Date time:2020-02-25 01:32:08 Favorite:7 Score:0
返回上页 Report
请选择举报理由:




Collection Modify the typo
我们已经成功创建了第一个 Vue 应用!
看起来这跟渲染一个字符串模板非常类似,但是 Vue 在背后做了大量工作。
现在数据和 DOM 已经被建立了关联,所有东西都是响应式的。我们要怎么确认呢?
打开你的浏览器的 JavaScript 控制台 (就在这个页面打开),
并修改 app.message 的值,你将看到上例相应地更新。
这个例子演示了我们不仅可以把数据绑定到 DOM 文本还可以绑定到 DOM 结构。
此外,Vue 也提供一个强大的过渡效果系统,可以在 Vue 插入/更新/移除元素时自动应用过渡效果。
还有其它很多指令,每个都有特殊的功能。例如,v-for 指令可以绑定数组的数据来渲染一个项目列表:
尽管这只是一个刻意设计的例子,但是我们已经设法将应用分割成了两个更小的单元。
子单元通过 prop 接口与父单元进行了良好的解耦。
我们现在可以进一步改进 <todo-item> 组件,提供更为复杂的模板和逻辑,而不会影响到父单元。
在一个大型应用中,有必要将整个应用程序划分为组件,以使开发更易管理。
在后续教程中我们将详述组件,不过这里有一个 (假想的) 例子,以展示使用了组件的应用模板是什么样的。
我们刚才简单介绍了 Vue 核心最基本的功能,
本教程的其余部分将更加详细地涵盖这些功能以及其它高级功能,所以请务必读完整个教程!
声明:以上文章均为用户自行添加,仅供打字交流使用,不代表本站观点,本站不承担任何法律责任,特此声明!如果有侵犯到您的权利,请及时联系我们删除。
Hot degree:
Difficulty:
quality:
Description: the system according to the heat, the difficulty, the quality of automatic certification, the certification of the article will be involved in typing!

This paper typing ranking TOP20

登录后可见