搬砖工具人

2022年3月30日

摘要： 1、块级作用域 <body> <button>button1</button> <button>button2</button> <button>button3</button> <button>button4</button> <button>button5</button> <script> / 阅读全文

posted @ 2022-03-30 09:35 搬砖工具人阅读(19) 评论(0) 推荐(0) 编辑

六、计算属性的使用(computed)

摘要： 1、计算属性包含getter和setter方法，如下图所示，调用时不用加“（）”,但是当我们一般使用时，一般情况下不需要实现set方法，为只读属性 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script 阅读全文

posted @ 2022-03-30 09:31 搬砖工具人阅读(1447) 评论(0) 推荐(0) 编辑

2022年3月28日

五、动态绑定属性（style）

摘要：一、v-bind动态绑定style(对象语法) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="../Js/vue.min.js"></script> <style > .liClin 阅读全文

posted @ 2022-03-28 17:23 搬砖工具人阅读(1068) 评论(0) 推荐(0) 编辑

四、v-bind练习（实现li标签点击后变色）

摘要： 1. 使用v-for 遍历输出内容 2. 设置点击事件，单机li标签时，将li的索引值存放起来 3. 通过v-bind的对象调用方式进行 li 的样式更改 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <s 阅读全文

posted @ 2022-03-28 16:53 搬砖工具人阅读(232) 评论(0) 推荐(0) 编辑

三、动态绑定属性（Class）

摘要：一、v-bind 用于绑定一个或者多个属性值，或者向另一个组件传递props值 ( 比如图片的链接src、网站的链接href、动态绑定一些类、样式等等 ) 下图是通过 v-bind 绑定a标签的href 和图片的src属性 <!DOCTYPE html> <html> <head> <meta c 阅读全文

posted @ 2022-03-28 16:16 搬砖工具人阅读(499) 评论(0) 推荐(0) 编辑

公告