- 博客(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关注的人