SPA应⽤
SPA(单⻚应⽤)是⼀种⽹络应⽤程序,它在⽤户与应⽤程序交互时不需要重新加载整个⻚⾯。相 反,它在初始加载时会下载所需的所有代码 - HTML、CSS、JavaScript等,并在⽤户与应⽤程序 交互时动态地更新⻚⾯内容,从⽽提供更流畅、更快速的⽤户体验。 SPA就像⼀个魔法舞台,通过使⽤前端技术(⽐如React、Angular或Vue.js等框架),它能在不刷 新⻚⾯的情况下,以极其迅速的⽅式呈现新的内容或⻚⾯。这就好⽐在魔术表演中,你只需移动⼿ 指或变换姿势,⽽舞台上的魔术道具就会以惊⼈的速度变幻,让观众眼花缭乱。 SPA应⽤通过JavaScript动态加载内容,使得⽤户可以流畅地与⽹站或应⽤程序进⾏交互,⽆需每 次点击链接或提交表单时都重新加载整个⻚⾯。所以,SPA就像是⽹⻚版的魔术,通过优雅的技巧 让⽤户体验更为流畅和令⼈惊叹。
组件介绍
概念:组件就是局部功能界⾯
作⽤:根据业务需求⾃定义组件,并实现组件复⽤
建议:组件在起名字的时候建议采⽤:公司-组件名的⽅法来命名,⽐如el-alert,如果是⾃⼰开发的组 件,建议⽤:my-login这样格式来命名
注意:
当使⽤ kebab-case (短横线分隔命名) 定义⼀个组件时,你也必须在引⽤这个⾃定义元素时使⽤ kebab-case
当使⽤ PascalCase (⾸字⺟⼤写命名) 定义⼀个组件时,你在引⽤这个⾃定义元素时两种命名法都 可以使⽤。也就是说 和 都是可接受的。注 意,尽管如此,直接在 DOM (即⾮字符串的模板) 中使⽤时只有 kebab-case 是有效的。
使⽤步骤:
- ⾃定义组件
- 在被使⽤的地⽅引⼊并注册到components中
- ⽤⾃定义标签,标签名字就是定义的组件名字
⽗组件向⼦组件传值
作⽤:⽗组件向⼦组件传递参数
步骤:
1 定义⼦组件
2 ⽗组件中使⽤⼦组件
3 在引⽤⼦组件的时候将参数绑定在⼀个⾃定义的属性上去
4 ⼦组件⾥接收传值
⼦组件向⽗组件传值
作⽤:⼦组件向⽗组件传值
步骤:
1 ⼦组件使⽤$emit来触发⽗组件的某个⽅法
2 ⼦组件触发的这个⽅法在⽗组件引⼊⼦组件时候要以⾃定义事件的⽅式绑定
3 ⽗组件中定义上⾯⾃定义事件触发的函数,执⾏逻辑