- 博客(11)
- 收藏
- 关注
RSS订阅原创 Vue的列表渲染博客
学习目标： Vue框架学习学习内容：Vue中列表的渲染学习产出： 技术笔记 网页博客vue-列表渲染(v-for 详细)v-for1、数组用 v-for 指令基于一个数组来渲染一个列表。v-for 指令需要使用 item in items 形式的特殊语法，其中 items 是源数据数组。为了给 Vue 一个提示，以便它能跟踪每个节点的身份，从而重用和重新排序现有元素，需要为每项提供一个唯一 key属性。由于JavaScript的限制，Vue 不能检测以下变动的数组
2022-04-28 20:40:08
1162
原创 Vue学习博客
学习目标： Vue框架学习学习内容：1.Vue中的条件渲染学习产出： 技术笔记 网页博客-if v-else v-else-ifv-if指令用于条件性地渲染一块内容，这块内容只会在指令的表达式返回truth值的时候被渲染当have为false：页面无显示，且具有v-if = “have” 的div块不存在在html结构中。相当于直接删除其中的div模块。have为true时:则正常显示div模块内容；代码如图：<!DOCTYPE html><html
2022-04-27 20:26:32
164
原创 Vue学习博客
学习目标： Vue框架学习学习内容：Vue计算属性的set和get方法Vue中样式绑定学习产出： 技术笔记 网页博客class的对象绑定：通过定义一个class,在div上写上一个监听事件，方法去操控绑定的class对象，对象在data中定义属性；代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>V
2022-04-26 20:33:53
214
原创 Vue框架学习
学习目标： Vue框架学习学习内容：1.Vue模板语法2.计算属性、方法、侦听器学习产出： 技术笔记 网页博客编写的代码如下：模板语法：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>模板语法</title> <script src="./vue.js"></scr
2022-04-25 20:19:27
198
原创 【无标题】
学习目标： Vue框架学习学习内容：响应式与自适应布局区别Vue组件间值传递学习产出： 技术笔记 网页博客组件间值传递demo代码：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>toDoList</title> <script src="./vue.js">
2022-04-22 19:56:56
160
原创 Vue学习博客
学习目标： 学习Vue的基础知识学习内容：MVVM模式及组件思想学习产出： 技术笔记 网页博客vsCode编写代码如下：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>toDoList</title> <script src="./vue.js"&g
2022-04-21 19:56:23
825
原创 vue学习博客
学习目标： 两周掌握vue框架，以及项目构建和使用学习内容：BFC基础了解vue安装使用简单交互指令：学习产出： 技术笔记 网页博客编写简单的demo网页完成toDoList的交互，以下为代码展示：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>toDoList</title>
2022-04-20 20:22:04
567
原创 【无标题】
学习目标： 一周掌握基本前端页面布局学习内容：双飞翼布局及position属性学习产出： 技术笔记 网页博客下面为网页demo代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> *{ margin: 0; padding: 0;
2022-04-19 19:25:51
171
原创 圣杯布局学习博客
学习目标： 一周掌握基本前端页面布局学习内容：1.圣杯布局2.position相对定位属性3.文档流…学习产出： 技术笔记 网页博客下面展示代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> &
2022-04-18 19:29:17
93
原创 table表单布局
学习目标： 一周掌握基本前端页面布局学习内容：table表单布局学习产出： 技术笔记 网页博客以下为编辑demo代码<!DOCTYPE html><html> <head><meta charset="UTF-8"><title>基于display的行合并表格</title><style type="text/css"> .table, .table * {margin:
2022-04-15 19:03:54
786
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人