开发者学堂课程【Vue.js 入门与实战:组件切换-使用 Vue 提供的 component 元素实现组件】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/586/detail/8181
组件切换-使用 Vue 提供的 component 元素实现组件
目录:
一、component 实现组件
二、总结
一、component 实现组件
例:
登录注册 // vue提供了component,来展现对应名称的组件//component是一个占位符,:is属性,可以用来指定要展示的组件的名称
data:{comname:'login' //当前component中的:is绑定的组件的名称}
例如:如果 is 指定的是 login ,那么就会在 Component 的位置里面替换为 login
”
login
”
>
其中,属性绑定会当做表达式来解析,并不是真是的字符串,所以上面的代码中,应该为:
”’
login
’”
>
此时再刷新,右键浏览,可以执行出正确结果:
二、总结
当前学习了几个 Vue 提供的标签
Component,
template,
transition,(过渡,实现单个元素过渡)
transitionGroup(过渡,实现多个元素过渡)