03-动态绑定属性
关注
分享
扫一扫
VUE学习
林笙10
野蛮生长的小白
展开
-
05-v-bind动态绑定（对象语法）
05-v-bind动态绑定（对象语法） <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>v-bind绑定style</title> </head> <body> <div id="app"> <h2 :style="{fontSize:finalSize+'px',backgrou原创 2021-05-03 11:05:26 · 180 阅读 · 0 评论 -
04-v-bind和v-for的结合
04-v-bind和v-for的结合 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>v-bind和v-for的结合</title> </head> <div id="app"> <ul> <li v-for="(m,index) in movies">{{index}}-{原创 2021-05-03 10:53:29 · 130 阅读 · 0 评论 -
03-v-bind动态绑定（数组语法）
03-v-bind动态绑定（数组语法） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>v-bind动态绑定（对象语法）</title> </head> <div id="app"> <h2 class="title" :class="[active,line]">{{message原创 2021-05-03 10:47:24 · 560 阅读 · 0 评论 -
02-v-bind的动态绑定（对象语法）
02-v-bind的动态绑定（对象语法） <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>v-bind动态绑定（对象语法）</title> <style> .active { color: red; } .line { font-s原创 2021-05-03 10:39:56 · 256 阅读 · 0 评论 -
01-v-bind的基本使用
01-v-bind的基本操作 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>v-bind基本使用</title> </head> <body> <div id="app"> <!--错误的做法：这里不可以使用mustache语法--> <!--<原创 2021-05-03 10:37:54 · 208 阅读 · 2 评论