Vuejs入门实践

云计算 2023-01-04 法医 手机阅读

1. 遇到了什么问题

2.1 MVC

  • M，封装系统的状态、功能、算法逻辑。对外响应状态查询、通知视图改变。

  • V，与用户之间交互。对外获取用户输入，发送给Controller，解释模型并发送模型更新请求。
  • C，封装行为，解释行为。对外将用户的动作映射成模型的更新。
  • V，与用户之间交互。对外获取用户输入，发送给P，不需要维护任何数据。
  • P，封装行为，解释行为。P是M和V的协调者，P负责主动从V捕获请求，从M拉取数据，再推送给V，可以说P是MVP模式的中心。
  • V，与用户之间交互。对外获取用户输入。
  • VM，绑定M和V。
  • 过滤器：过滤器紧跟在指令的路径或表达式之后，在更新 DOM 之前对值进行进一步处理。
  • 列表渲染：使用v-repeat或v-for指令，循环渲染数据内容。前端处理模板。
  • 事件监听：使用v-on命令来注册监听事件，比如v-on:click:onClick，注册了一个元素点击处理函数。
  • 计算属性：通过定义计算属性，来覆盖复杂逻辑的处理场景。
  • 组件系统：实现标签的自定义。意思就是只需要注册了组件XXX，在html中就能够使用<xxx></xxx>,而标签的内容可以使用template自定义。