摘要：
姓名案例 插值语法实现 <div id="room"> 姓：<input type="text" v-model="firstName"></br> 名： <input type="text" v-model="lastName"></br> 姓名：{{firstName}}-{{lastName} 阅读全文
posted @ 2023-03-15 23:17
月豕
阅读(29)
评论(0)
推荐(0)
摘要：
事件的基本使用 使用v-on:xxx或者@xxx绑定事件，其中xxx是事件名 事件的回调需要配置在methods对象中，最终会在vm里面 methods中配置的函数，不要用箭头函数 ，否则使用this指的不是vm methods中配置的函数，都是被Vue所管理的函数，this指向的是vm或组件实例对 阅读全文
posted @ 2023-03-15 23:01
月豕
阅读(63)
评论(0)
推荐(0)
摘要：
MVVM模型 观察发现 data中所有属性，最后都出现在vm身上 vm身上所有属性及Vue原型身上所有属性，在Vue模板中都可以直接使用 Vue中的数据代理 通过vm对象来代理data对象中属性的操作（读getter/写setter） Vue中数据代理的好处 更加方便地操作data中的数据 基本原理 阅读全文
posted @ 2023-03-15 19:53
月豕
阅读(19)
评论(0)
推荐(0)
摘要：
el的两种写法 Vue初始化（被创建）后会判断有无el 有el：创建Vue实例对象的时候配置el属性 无el：通过vm.$mount('#root')指定el的值 data的两种写法 对象式：data: {} 函数式：data() {return {}} 一个重要原则 由Vue管理的函数，不要写成箭 阅读全文
posted @ 2023-03-15 19:38
月豕
阅读(28)
评论(0)
推荐(0)
摘要：
模板语法 Vue模板语法包括两大类 插值语法 功能：用于解析标签体内容。 写法：{{xxx}}，xxx是js表达式，可以直接读取倒data中所有区域。 指令语法 功能：用于解析标签（包括：标签属性、标签体内容、绑定事件...）。 举例：<a v-bind=href="xxx">或简写为<a :hre 阅读全文
posted @ 2023-03-15 19:30
月豕
阅读(35)
评论(0)
推荐(0)
摘要：
Vue简介 介绍与描述 Vue是一套用来动态构建用户界面的渐进式JavaScript框架 - 构建用户界面：把数据通过某种办法变成用户界面 - 渐进式：Vue可以自底向上逐层地应用，简单应用只需要一个轻量小巧的核心库，复杂应用可以引入各式各样的Vue插件 Vue的特点 遵循MVVM模式 编码简洁，体 阅读全文
posted @ 2023-03-15 15:49
月豕
阅读(23)
评论(0)
推荐(0)
浙公网安备 33010602011771号