摘要:
一、v-model双向绑定初体验 前面学习的都是插入式展示后台数据,即后台提供什么数据,页面就如何展示。 现在学习一个新技能,v-model双向绑定。即做了双向绑定的数据,前台页面可以轻松改变后台数据。 v-model="message" 写法很简单。详见代码: 1 <!-- 2 @author:i 阅读全文
摘要:
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 </head> 7 <body> 8 <script src='..js/vue.js'></script> 阅读全文
摘要:
代码如下: 1 <!-- 2 @author:invoker 3 @project:project_lianxi 4 @file: 05-购物车.html 5 @contact:invoker2021@126.com 6 @descript: 7 @Date:2021/7/1 15:25 8 @ve 阅读全文
摘要:
需求:实现一个功能,点击的记录呈现一个颜色。 代码如下: <!-- @author:invoker @project:project_lianxi @file: 05-作业.html @contact:invoker2021@126.com @descript: @Date:2021/7/1 15: 阅读全文
摘要:
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>04 数组方法是响应式的</title> 6 </head> 7 <body> 8 <div id="app"> 9 <div> 10 <b 阅读全文
摘要:
v-for用于循环遍历 一、遍历数组 界面有个ul和li的标签,需要在页面循环遍历动态展示多个li标签。 使用item表示数组中每一个元素,index表示索引值,索引值从0开始 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" 阅读全文
摘要:
一、v-if判断指令的基本使用 v-if v-else v-else-if 可以在标签中使用这些指令,vue会根据其值判断标签是否在界面渲染。同样也可以使用计算属性,无需在标签上写过多的逻辑判断 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <met 阅读全文
摘要:
v-on是事件监听指令,用于监听标签的一些列操作,如点击操作,如果坚挺到有点击操作,可以执行对应的内部方法。 一、事件监听基本使用代码如下, 1.做事件监听时,如果没有参数,在html中调用方法时,可以不使用括号() 2.事件监听的写法1是v-on:click="methodName" 3.事件监听 阅读全文
摘要:
如代码所示,ES6对象增强写法可以减少代码量。 1 <!-- 2 @author:invoker 3 @project:project_lianxi 4 @file: 03-对象的增强写法.html 5 @contact:invoker2021@126.com 6 @descript: 7 @Dat 阅读全文
摘要:
const表示定义常量 常量的特性: 1.const赋值后不能被改变 2.const声明时,需要赋值 3.const赋值的是对象,对象不能再被赋新值,但是对象内部的属性可以改变 so,const的实质其实对应常量保存的内存地址是否让改变,const对应的常量则不允许改变内存地址 1 <!-- 2 @ 阅读全文
摘要:
ES6中定义变量可以使用let和const,ES6之前只能使用var。 而let在for,if,函数中是有块级作用域,var在for,if模块中没有块级作用域,只有函数中有块级作用域 下面的例子中,点击界面按钮,在使用var时,由于var变量没有块级作用域,而程序在循环,虽然点击了第一个按钮,但是i 阅读全文