自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 Vue 循环遍历 和 一点点key理解应用

1.遍历数组<div id="app"> <ul> <li v-for="item in names">{{item}}</li> //遍历过程中不获取索引值 </ul> <ul> <li v-for="(item,index)in names">{{index}}{{item}}</li> //遍历过程中获取索引值

2020-06-30 22:33:34 340

原创 Vue条件判断语句

1.v-if的使用删除或创建元素<div id="app"> <h2 v-if="isShow">{{messgae}}</h2></div></body><script>const app = new Vue({ el:"#app", data:{ message:'你好呀' }})</script>2.v-else的使用<div id="app

2020-06-30 21:56:19 1887

原创 Vue 事件监听 v-on

1.v-on的基本使用及语法糖<div id=“app”> <h2>{{counter}}</h2> <button v-on:click="counter++">+</button> <button v-on:click="counter--">-</button> //点击事件 所以后面接click //行内表达式 <button @click="incre

2020-06-30 12:55:23 120

原创 es6 对象自变量的增强写法

原来的写法const obj={ name:'haha', age:12, run:function () { console.log('hahah'); }, jump:function () { console.log('hehehe'); }}const name="hahah";const age=12;//es5的写法const obj={ name:name, age:age}属

2020-06-29 22:39:36 428

原创 关于var和es6中的 let const

1.var 和 let块级作用域变量作用域:变量在什么范围内是可用的 { var name = 'hello' console.log(name) } console.log(name) //都可以打印出来 没有块级作用域引起的问题:if的块级var func; if (true){ var name ='why'; func=function () {

2020-06-29 22:22:22 98

原创 Vue 关于计算属性computed简单运用及与methods的区别

计算属性1.一个computed的demo <div id=“app”> <h2 >{{allName}}</h2> //属性 </div><script src="../js/vue.js"></script><script>let app=new Vue({ el:'app', data:{ name:'hello', word:'vue' }, comput

2020-06-29 13:04:40 91

原创 Vue v-bind 绑定属性、class、style

v-bind1.动态的绑定属性 <div id=“app”> <img v-bind:src="imageUrl"> <a v-bind:href="aHref"</a></div><script src="../js/vue.js"></script><script>let app=new Vue({ el:'app', data:{ imageUrl:'www.jdmdkdkh

2020-06-28 21:55:55 281

原创 Vue插值操作

1.Mustache就也就是双大括号<div id=“app”>{{data}}</div> //变量<div id=“app”>{{data*data2}}</div> //表达式2.v-once指令不会跟着数据的改变而改变<div id=“app”> <h1 v-once>{{message}}</h1></div><script src="../js/vue.js">&

2020-06-28 21:01:53 142

原创 关于微信小程序蓝牙连接 读写数据 实战

关于微信小程序蓝牙连接 真实记录1. 蓝牙初始化 searchDevice: function() { var that = this //蓝牙是否初始化 wx.openBluetoothAdapter({ success: function(res) { that.getBluetoothState();//获取本机蓝牙适配器状态 }, fail: function(res) { if (res.er

2020-06-05 10:19:08 8020 9

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除