学习和掌握Vue前端开发

文章目录

• 一、认识Vue.js

• • Vue.js介绍

  • 引入Vue.js

  • • hello world示例

  • 声明式渲染

• 二、Vue 常用指令

• • v-text

  • v-html

  • v-on

  • v-bind

  • • 绑定超链接
    • 绑定Class
    • 绑定style

  • 指令缩写

• 三、Vue 常用属性

• • 数据属性
  • 方法
  • 计算属性
  • 监听属性

四、Vue常用指令之流程控制

• 第五章 VModel：双向数据绑定
• 表单输入类型

  • 单一选择型

  • 多选组件

  • 登录示例：获取用户输入的用户名与密码

  • 六、实例生命周期钩子

  • 参考

---

一、认识Vue.js

Vue.js介绍

Vue.js（简称Vue） 是一套用于构建用户界面的渐进式前端框架。

Vue.js 核心实现 ：
• 动态数据关联：在数据发生变化时，在Vue组件与视图之间建立实时响应关系，在不影响DOM的前提下专注于数据处理逻辑。

功能分明的功能库：将视图功能划分为独立的基本单元，并支持模块维护、便于复用以及便于测试验证。

官网：https://v3.