2019年12月13日

vue 对象的生命周期

摘要： <div id="app"> <p>{{num}}</p> </div> <script> var vm = new Vue({ el:"#app", data:{ num: 10, }, beforeCreate(){ // vm对象创建执行的方法 console.log("vm对象创建之前"); 阅读全文

posted @ 2019-12-13 21:00 立文阅读(437) 评论(0) 推荐(0)

侦听属性

摘要： <div id="app"> <button @click="num++">+</button> <input :class="{red:than_100,blue:less_100}" type="text" v-model="num"> <button @click="num--">-</but 阅读全文

posted @ 2019-12-13 20:41 立文阅读(366) 评论(0) 推荐(0)

计算属性

摘要： <div id="app"> <p>{{num}}</p> <p>{{num2}}</p> </div> <script> var vm = new Vue({ el:"#app", data:{ num:100, }, //计算属性 computed:{ num2:function (){ ret 阅读全文

posted @ 2019-12-13 20:02 立文阅读(194) 评论(0) 推荐(0)

过滤器-局部过滤器

摘要： <div id="app"> <p>{{num}}</p> <p>{{num|rmb}}</p> </div> <script> var vm = new Vue({ el:"#app", data:{ num:100, }, //局部过滤器 filters:{ rmb(data){ return 阅读全文

posted @ 2019-12-13 19:59 立文阅读(250) 评论(0) 推荐(0)

过滤器-全局过滤器

摘要： <div id="app"> <p>{{message}}</p> <p>{{message|upper}}</p> </div> <script> var vm = new Vue({ el:"#app", data:{ message:"hello world", }, }) 可以把全局过滤器放阅读全文

posted @ 2019-12-13 19:58 立文阅读(224) 评论(0) 推荐(0)

练习解答:根据条件判断改变样式

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #goods #goods-table th{ background-color:#ccc; text-align: 阅读全文

posted @ 2019-12-13 18:12 立文阅读(743) 评论(0) 推荐(0)

2019年12月13日

公告