- 博客(9)
- 收藏
- 关注
RSS订阅原创 【Day5.Vue基础：双向绑定（v-model）】
1.v-model：指令在表单<input>、<textarea>及<select>元素上创建双向数据绑定。
2022-05-25 20:13:01
163
原创 【Day4.Vue中的条件和列表渲染】
一、条件渲染：1.v-if：写法：(1).v-if="表达式"(2).v-else-if="表达式"(3).v-else="表达式"适用于：切换频率较低的场景。特点：不展示的DOM元素直接被移除。注意：v-if可以和:v-else-if、v-else一起使用，但要求结构不能被“打断”。2.v-show：...
2022-05-25 17:22:46
143
原创 【Day4.Vue中事件的基本使用】
1.事件的基本使用：（1）使用v-on:xxx 或 @xxx 绑定事件，其中xxx是事件名；（2）事件的回调需要配置在methods对象中，最终会在vm上；（3）methods中配置的函数，不要用箭头函数！否则this就不是vm了；（4）methods中配置的函数，都是被Vue所管理的函数，this的指向是vm 或 组件实例对象；（5）事件的回调传参需要用到事件对象时只能用:$event；例：@click='changeStyle($event,a)'。代码： <div
2022-05-24 16:27:56
139
1
原创 【Day3.计算属性的使用】
1.计算属性（computed）基础使用：（1）模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。通俗来讲，就是用已经定义的属性，计算出需要用的属性。（2）是用Object.definedprototype的getter和setter（计算属性的值一般不做修改）来实现的。代码：<div id="root"> 姓：<input type="text" v-model="firstName"><
2022-05-23 19:09:27
648
原创 【JS中判断数据类型的方法：】
1.typeof：typeof 右侧跟一个一元表达式，返回表达式的数据类型。<script> console.log(typeof 'a');//string console.log(typeof 2);//number console.log(typeof true);//boolean console.log(typeof Symbol());//Symbol console.log(typeof
2022-05-21 15:49:39
421
原创 【Day2:Vue动态绑定】
1.v-bind动态绑定class对象写法：代码： <style> .active { color: red; } </style></head><body> <div id="root"> <!-- 第一种写法； :class=‘{active:isactive}’ --> <!-- <p :class
2022-05-19 16:58:55
334
原创 【Day1:常用的Vue的基础指令】
1.v-bind（类和样式绑定）指令语法：功能：用于解析标签（包括：标签属性，标签体内容，绑定事件...）语法：v-bind:href='xxx'或简写为:href='xxx',xxx同样要写js表达式，且可以直接读取到data中的所有属性备注：Vue中有很多的指令，且形式都是：v-???,此处我们只是拿v-bind举例<div id="root"> <h1>指令语法</h1> <a v-bind...
2022-05-18 19:20:39
222
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人