Vue学习笔记

基本原理 单独的事件中心管理组件间的通信 事件监听与事件销毁 触发事件 示例 html: js:505050505050

父向子传值 基本用法 父组件通过属性将值传给子组件 子组件通过props接受传递过来的值 props属性命名规则 在props中使用驼峰形式，模板中需要使用短横线形式。 字符串形式的模板没有这个限制。

组件化开发思想 标准：统一的标准规范 分治：不同功能封装到不同组件 重用：代码重用提高效率 组合：组件组合形成产品 组件基本使用 组件的创建与使用 创建一个组件： 组件使用： 注意事项 1、data必

表单操作 基础用法 文本 多行文本 注意： 在文本区域插值 <textarea>{{text}}</textarea> 并不会生效，应用 v-model 来代替。 复选框 单个复选框 单个复选框，绑定

MVVM MVVM简介 核心思想： MVVM其实是 M、V、VM，即 Model-View-ViewModel 的缩写。它是一种基于前端开发的架构模式，其核心是提供对View 和 ViewModel

模板语法概述 Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层组件实例的数据。所有 Vue.js 的模板都是合法的 HTML，所以能被遵循规范的浏览器和 HTM

el : 元素挂载点 data : 模型数据(值是一个对象) {{}} : 插值表达式，将数据填充到HTML标签中

Vue 概述 Vue：渐进式JavaScript框架 渐进式：声明式渲染 → 组件系统 → 客户端路由 → 集中式状态管理 → 项目构建 声明式渲染 ：Vue基础语法。 组件系统 ： 通用代码，组件化