刘二水 - 博客园

2024年2月29日

摘要：选择器（CSS的核心）标签用于封装数据，因此标签相当于容器，选择器可以理解为选择哪个容器，即标签就相当于是容器，而定位标签又有几种不同的方式，分别对应了几种不同的选择器。总结：每种定位标签的方式对应一种选择器。 1. HTML标签选择器通过html标签定位标签，只能对相同标签进行相同样式设定 2 阅读全文

posted @ 2024-02-29 19:26 刘二水阅读(25) 评论(0) 推荐(0)

CSS系列之（一）概述

摘要：概述层叠样式表（Cascading Style Sheet，简称：CSS），样式语言，解决页面显示效果的问题。CSS将网页内容和显示样式进行分离，降低了耦合性 CSS与HTML的结合方式每一个HTML标签中都有一个style属性，通过该属性设置CSS样式使用style标签，一般放在head标签阅读全文

posted @ 2024-02-29 19:26 刘二水阅读(26) 评论(0) 推荐(0)

2024年2月28日

Vue 2x 系列之（十四）收集表单数据

摘要：收集表单数据如何利用Vue提供的v-model收集一个表单中的数据 v-model配合不同的input标签有不同的技巧 hobby的初始值能够影响v-model收集回来的数据 hobby为字符串，收集到的是checked属性的值 hobby为数组，收集到的是自己定义的value属性的值多选框【C 阅读全文

posted @ 2024-02-28 12:46 刘二水阅读(40) 评论(0) 推荐(0)

Vue 2x 系列之（十三）Vue监测数据的原理

摘要： Vue监测数据的原理思路：举例 ==》监测对象数据原理 ==》 Vue.set() ==》监测数组数据原理 ==》说明前面例子中的现象 Vue监测数据改变的原理 Vue底层监测data中数据改变的原理和watch中监测数据的原理是一致的，watch是Vue提供给我们用于自行监视数据变化的配置阅读全文

posted @ 2024-02-28 12:46 刘二水阅读(66) 评论(0) 推荐(0)

Vue 2x 系列之（十二）列表渲染

摘要：列表渲染 1. v-for指令 v-for指令: 1.用于展示列表数据 2.语法：v-for="(item, index) in xxx" :key="yyy" 3.可遍历：数组（用的最多）、对象、字符串（用的很少）、指定次数（用的很少） <body>  <div id 阅读全文

posted @ 2024-02-28 12:46 刘二水阅读(44) 评论(0) 推荐(0)

Vue 2x 系列之（十一）条件渲染

摘要：条件渲染符合某些条件，就给你渲染某些东西；不符合条件，要渲染的东西就不会显示原生可以通过display:none;、visibility: hidden;、opacity: 0;几种方式实现 v-if和v-else-if、v-else需要作为一组指令使用，中间不允许被打断，v-else是不需要加阅读全文

posted @ 2024-02-28 12:46 刘二水阅读(70) 评论(0) 推荐(0)

Vue 2x 系列之（十）绑定样式

摘要：绑定样式 1. class样式绑定样式： 1. class样式【不变的样式写在class、style中，变化的样式写在:class中，最终的样式为三者的并集】写法:class="xxx" xxx可以是字符串、对象、数组。字符串写法适用于：类名不确定，要动态获取。对象写法适用于：要绑定多个样式阅读全文

posted @ 2024-02-28 12:46 刘二水阅读(36) 评论(0) 推荐(0)

Vue 2x 系列之（九）监视和侦听属性

摘要：监视/侦听属性【watch】用于监视某一个属性的变化监视属性watch： 1.当被监视的属性变化时, 回调函数【handler()】自动调用, 进行相关操作 2.监视的属性必须存在，才能进行监视！！【监视不存在的属性不会报错】 3.配置监视的两种写法： (1).new Vue时传入watch配置阅读全文

posted @ 2024-02-28 12:46 刘二水阅读(68) 评论(0) 推荐(0)

Vue 2x 系列之（八）计算属性

摘要：计算属性【computed】 1. 姓名案例 1.1 {{}}插值语法版本 <body> <div id="root"> 姓：<input type="text" v-model="firstName"/> 名：<input type="text" v-model="lastName"/> <hr 阅读全文

posted @ 2024-02-28 12:46 刘二水阅读(41) 评论(0) 推荐(0)

Vue 2x 系列之（七）事件处理

摘要：事件处理 1. 事件的基本使用模板只能用到对应Vue实例中的数据和方法，像这里的showInfo，模板中是调不到的所有被Vue管理的函数【methods对象中的函数】不能写成箭头函数，只能写成普通函数，否则，函数中的this就不再是Vue实例，而是Window对象只有配置在data中的内容才会阅读全文

posted @ 2024-02-28 12:46 刘二水阅读(83) 评论(0) 推荐(0)

我只做自己

公告