深度选择器的使用场景一般是 修改第三方UI组件库，如vant，elementUI，antd，同时页面中又使用了 scoped

>>>

原生css式样使用 >>>

<style scoped>

.myclass >>> .el-tag {
  // 样式
}
</style>

小程序

编译到微信小程序u-icon上的class无效

• 问题：编译到微信小程序上后，组件如<u-icon />上的class、style无效

前言

传统的网页根据用户访问的不同的地址，浏览器从服务器获取对应页面的内容展示给用户。这样造成服务器压力比较大，而且用户访问速度也比较慢。

前端路由

hash模式就是通过监听浏览器的hash值(锚点)来实现前端渲染；
history模式是通过操作浏览器的历史记录并监听这个动作来实现前端渲染。浏览器每访问一个地址，都会在浏览器栈里存入路径记录。

模式

• hash模式：location.hash+hashchange

location.hash始终指向页面url中#之后的内容，用来修改浏览器的地址；
hashchange来监听变化做出相应渲染 ​

vue上

vue下

MVVM

• 概念

  • Model(数据)
  • View(视图)
  • ViewModel(负责两者之间的数据处理操作)

• 特点

  • 低耦合: 视图view可独立于model的变化和修改
  • 可复用性: 视图逻辑viewModel可用于不同的view
  • 独立开发
  • 可测试性

• 总结

与vue2相比

生命周期

• 钩子函数加 on
• beforeCreate 和 created 包含在 setup 函数中
• beforeDestroy 改为 onBeforeUnmount，destroyed 改为 onUnmounted