- 博客(11)
- 收藏
- 关注
原创 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
1169
原创 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
168
原创 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
219
原创 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
218
原创 【无标题】
学习目标: 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
163
原创 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
832
原创 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
577
原创 【无标题】
学习目标: 一周掌握基本前端页面布局学习内容:双飞翼布局及position属性学习产出: 技术笔记 网页博客下面为网页demo代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> *{ margin: 0; padding: 0;
2022-04-19 19:25:51
173
原创 圣杯布局学习博客
学习目标: 一周掌握基本前端页面布局学习内容: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
100
原创 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
795
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人