![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 60
-易拉罐
这个作者很懒,什么都没留下…
展开
-
Vue学习[v-model]
v-model绑定input<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <input type="text" v-model="message"></div><scrip原创 2021-12-30 20:37:01 · 153 阅读 · 0 评论 -
Vue学习[条件和循环]
条件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <h2 v-if="false">{{message}}</h2> <h2 v-else>没有消息</h2>原创 2021-12-30 19:59:08 · 146 阅读 · 0 评论 -
Vue学习[事件监听]
事件监听<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <h2>{{counter}}</h2> <button @click="increment">+</but原创 2021-12-27 20:51:41 · 271 阅读 · 0 评论 -
Vue学习[slot基本使用]
slot基本使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"><cpn><button>button</button></cpn><cpn><s原创 2021-12-22 21:34:58 · 447 阅读 · 0 评论 -
Vue学习[computed语法]
computed基本使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> {{fullName}}</div><script src="../js/vue.js"></scr原创 2021-12-12 13:41:13 · 637 阅读 · 0 评论 -
Vue学习[v-bind语法]
V-bind动态绑定属性基本使用<div id="app"> <img v-bind:src="imgUrl" alt=""> <a v-bind:href="googleHost">google一下</a> <!--语法糖写法--> <img :src="imgUrl" alt=""> <a :href="googleHost">google一下</a></div>&原创 2021-12-12 12:49:25 · 557 阅读 · 0 评论 -
Vue学习[mustache语法]
了解vue mustache基础操作v-once<div id="app"> <h3>{{message}}</h3> <!--messge发生改变, 元素不跟着改变--> <h3 v-once>{{message}}</h3></div><script src="../js/vue.js"></script><script> const app = new V原创 2021-12-12 10:33:00 · 67 阅读 · 0 评论