会员
周边
众包
新闻
博问
闪存
赞助商
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
立文
博客园
首页
新随笔
联系
订阅
管理
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 立文
阅读(431)
评论(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 立文
阅读(363)
评论(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 立文
阅读(190)
评论(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 立文
阅读(244)
评论(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 立文
阅读(220)
评论(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 立文
阅读(737)
评论(0)
推荐(0)
编辑
公告