455994206 - 博客园

2021年3月16日

Vue学习-------------（11）v-show的使用及与v-if的区别

摘要： v-show的使用： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h2 v-if="isShow">{{messa 阅读全文

posted @ 2021-03-16 10:34 455994206 阅读(93) 评论(0) 推荐(0)

Vue学习-----------------（10）登录切换的input复用问题

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <span v-if="isUser"> <label for="use 阅读全文

posted @ 2021-03-16 09:30 455994206 阅读(55) 评论(0) 推荐(0)

2021年3月15日

Vue学习-------------（9）v-if和v-else-if和v-else

摘要： v-if和v-else的使用： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h2 v-if="isShow">{{ 阅读全文

posted @ 2021-03-15 16:39 455994206 阅读(65) 评论(0) 推荐(0)

Vue学习-------------（8）v-on事件监听

摘要： v-on语法糖： v-on:click 等同于 @click 基本使用： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> 阅读全文

posted @ 2021-03-15 09:37 455994206 阅读(66) 评论(0) 推荐(0)

Vue学习------------（7）ES6对象字面量增强写法

摘要： 1、属性的增强写法 const name = 'why'; const age = 18; const height = 1.88 //原来的写法 const obj = { name: name, age: age, height: height } //增强后写法 const obj = { n 阅读全文

posted @ 2021-03-15 09:08 455994206 阅读(27) 评论(0) 推荐(0)

Vue学习------------（6）let和const

摘要： const：一旦const修饰的的标识符被赋值之后，不能修改在使用const定义标识符的时候，必须进行初始化常量的含义是指向的对象不能修改，但是可以改变对象内部的属性 const obj = { name: 'why' , age: 18 , } const.name = 'kobe'; 阅读全文

posted @ 2021-03-15 08:45 455994206 阅读(32) 评论(0) 推荐(0)

2021年3月14日

Vue学习------------（5）计算属性

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h2>{{firstName}} {{lastName}}</h2> 阅读全文

posted @ 2021-03-14 20:42 455994206 阅读(61) 评论(0) 推荐(0)

Vue学习------------（4）v-bind

摘要： v-bind作用：将属性的值绑定到data的变量上、methods的方法中、computed的计算属性里 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body 阅读全文

posted @ 2021-03-14 11:47 455994206 阅读(71) 评论(0) 推荐(0)

2021年3月13日

Vue学习------------（3）Vue小知识

摘要： MVVM（Model View ViewModel） Model层：数据层数据可能是我们固定的死数据，更多的是来自服务器，从网络上请求下来的数据 View层视图层在前端开发中，通常就是DOM层主要的作用就是给用户展示各种信息 ViewModel层：视图模型层视图模型层是View和Mod 阅读全文

posted @ 2021-03-13 22:06 455994206 阅读(61) 评论(0) 推荐(0)

Vue学习--------------（2）计数器

摘要：写法一： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h2>当前计数：{{counter}}</h2> <butt 阅读全文

posted @ 2021-03-13 16:33 455994206 阅读(33) 评论(0) 推荐(0)

公告