Vue响应式

贡献者:mutoe 类别:简体中文 时间:2020-02-25 01:32:08 收藏数:7 评分:0
返回上页 举报此文章
请选择举报理由:




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

本文打字排名TOP20

登录后可见