vue学习
文章平均质量分 93
通过在B站看ilovecoding老师的视频进行的学习
最爱葡萄啦
这个作者很懒,什么都没留下…
展开
-
计算属性computed
计算属性computed计算属性的基本使用选择计算属性的原因computed的set/get方法 计算属性的基本使用 案例拼接firstName和lastName 可以用methods中的方法实现 <h2>{{getFullName()}}</h2> ...... methods:{ getFullName() { return this.firstName + ' ' + this.lastName } } 现在用计算属性实现 &l原创 2021-05-19 16:04:09 · 203 阅读 · 0 评论 -
动态绑定属性v-bind
动态绑定属性v-bindv-bind的基本使用v-bind动态绑定class(对象语法)将字体显示为红色方法一(不用v-bind)方法二(用v-bind)使用对象都显示 {类名1:true,类名2:boolean}通过按钮点击显示不同的样式,并将对象放在方法中 v-bind的基本使用 通过绑定由服务器传过来的地址,以及语法糖 <div id="app"> <img v-bind:src="imgURL"> <a v-bind:href="aHref">阿里巴巴图标原创 2020-10-22 09:17:20 · 542 阅读 · 0 评论 -
vue-插值操作及指令
插值操作mustache语法变量表达式vue mustache语法 变量 <h2>{{message}}</h2> <h2>{{message}},李银河</h2> 表达式 <h2>{{firstName + lastName}}</h2> <h2>{{firstName + ' ' + lastName}}</h2> <h2>{{firstName}} {{lastName}}</h2&g原创 2020-10-22 09:13:23 · 423 阅读 · 0 评论