logo

该视频仅会员有权观看

立即开通课程「Vue.js前端应用开发实践」权限。

¥
199
/ 年

动态组件(Dynamic Components)

  • 在一个页面上,要显示不同的组件可以使用动态组件功能。
  • 例子中创建的组件有:user profile.view (用户档案页面),user register.view (用户注册组件),和 user log in.view (用户登录组件)。
  • 通过 user profile 组件可以动态显示 user log inuser register 组件。
  • 用户未登录时,默认显示 user log in 组件。
  • 可以在 user profile 组件中添加一个 current component 数据属性来指定当前显示的组件。
  • 可以通过点击提示文字来切换显示 user log inuser register 组件。
  • 添加的点击事件可以更新 current component 属性以及提示文字 (hint text) 的内容,实现组件的切换功能。