- 博客(11)
- 收藏
- 关注
RSS订阅原创 substr与substring的区别 appendChild和insertBefore的区别
substr与substring的区别 appendChild和insertBefore的区别
2022-06-09 20:55:28
123
原创 过滤器filter、v-for列表渲染、虚拟dom中key的作用和原理
一、过滤器filter1.1 局部过滤器 写在vue里filters: {//过滤器 // 定义局部过滤器 toFixedPrice: function(price) { let priceStr = price.toFixed(2) return "￥" + priceStr }}应用<h2>总价：{{totalPrice | toFixedPrice}}</h2><!-- 管道符 | --> <!-- 数据 |..
2022-05-26 11:27:10
348
原创 v-on事件处理以及v-if条件判断
一、v-on事件处理1.1 v-on事件处理及传参<div id="app"> <h2>{{count}}</h2> <button type="button" @click="add">+</button> <button type="button" @click="sub">-</button> <br> <br> <!-- 传参 --> <button
2022-05-24 19:29:30
481
原创 计算属性和监视属性
一、计算属性1.1计算属性的使用1.1.1 计算属性的基本使用<div id="app"> <h2>{{firstName}}-{{lastName}}</h2> <h2>{{getFullName()}}</h2> <h2>{{fullName}}</h2><!-- 计算属性在页面渲染时 不需要加() --></div><script type="text/java
2022-05-24 09:30:07
100
原创 v-bind动态绑定属性、v-for和v-bind结合
1.v-bind动态绑定class1.1 v-bind动态绑定class(对象用法).active{ color: red;}<div id="app"> <!-- <h2 :class="{active:isactive}">改变class</h2> --> <h2 :class="getactive()">改变class</h2> <button type="button" @click="c
2022-05-19 20:04:41
242
原创 初始vue、常用指令、{{ }}插值语法
一、初始vue<div id="app"> <h2>{{msg}}</h2> <h2>{{name}}</h2> <h2>{{age.myage}}</h2></div><script type="text/javascript"> const app=new Vue({//声明Vue实例化对象 el:'#app',//挂载元素//data方式一 // data:{/
2022-05-18 20:44:14
292
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人