执着的烙印

9 vue.js 被观察数组的变异方法

摘要： vue.js 包装了被观察数组的变异方法它们能触发视图更新 demo 默认data中默认数组为 myArr=[1,2,3] 针对以下方法，返回值为对应展示： push() 方法向数组的末尾添加一个或多个元素，并返回新的长度。 console.log('返回值是' + this.myArr.pus 阅读全文

posted @ 2019-10-15 19:40 执着的烙印阅读(344) 评论(0) 推荐(0)

8 vue的v-model指令学习

摘要： 1. v-model的简单表示 <div id="app"> <h1>{{ msg }}</h1> </div> <script> // 创建 Vue 实例，得到 ViewModel var vm = new Vue({ el: '#app', data: { msg: '学习vue，从基础开始，s 阅读全文

posted @ 2019-10-15 14:20 执着的烙印阅读(201) 评论(0) 推荐(0)

7vue-事件修饰符

摘要： <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv= 阅读全文

posted @ 2019-10-15 13:36 执着的烙印阅读(183) 评论(0) 推荐(0)

6.vue事件绑定-click

摘要： 1.vue的事件绑定格式是v-on: 或者@ 比如 <button v-on:click="counter += 1">Add 1</button> 或者是 <button @click="counter += 1">Add 1</button>是一样的 2.事件处理方法，要在methos中定义。比阅读全文

posted @ 2019-10-10 15:23 执着的烙印阅读(5920) 评论(0) 推荐(0)

5.vue的v-for列表渲染

摘要：如下代码所示 <div id="app"><ul><li v-for="item,index in items" :key="index">{{index}}{{ item.message }}</li></ul><ul><li v-for="value, key in object" :key=" 阅读全文

posted @ 2019-10-10 11:45 执着的烙印阅读(308) 评论(0) 推荐(0)

4.vue的v-if和v-show条件渲染

摘要：代码如下， 1. v-if用于条件渲染-必须条件为真，才会渲染判断taye的值，就是JavaScript的表达式，满足条件为B则B 显示，v-if是真正的条件渲染，不满足不渲染，也为惰性渲染 2.v-show 用于根据条件展示某一个元素，如果满足，则显示，如果不满足，则为隐藏，页面可检查到阅读全文

posted @ 2019-10-09 16:57 执着的烙印阅读(457) 评论(0) 推荐(0)

3vue 绑定style

摘要： <div :style="{color:colorSX, fontSize:sizeSX, background: isRed ? '#FF0000' : ''}"> hi vue </div> 从以上代码，我们可知， 1.动态绑定style 前面有v-bind: 2.color 和 fontSiz 阅读全文

posted @ 2019-10-09 16:28 执着的烙印阅读(272) 评论(0) 推荐(0)

2vue的class动态绑定形式

摘要： vue的class动态绑定，分为2种形式第一数组形式： <div class="test" :class="[isGreen ? 'active' :'']"> 我是模拟1 </div> data中变量在前面展示第二对象形式 <div :class="{active:isActive,green 阅读全文

posted @ 2019-10-09 16:21 执着的烙印阅读(321) 评论(0) 推荐(0)

1vue基本代码

摘要： <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>vue基本代码</title>  <script type="text/javascript" src="./js/vue.js"> </s 阅读全文

posted @ 2019-09-23 16:04 执着的烙印阅读(217) 评论(0) 推荐(0)

微信小程序-组件-view标签

摘要：简单来说，可以理解为 view标签相当于div标签。 view 具有属性名 hover-class <view hover-class="color-red" >点我改变字体颜色 </view> 如果设置 color-red 为红色，则点击view 文字变为红色。注意不是移入是点击。松阅读全文

posted @ 2018-11-26 09:44 执着的烙印阅读(4024) 评论(0) 推荐(0)