• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
立文
博客园 首页 新随笔 联系 订阅 订阅 管理

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)
 
 

公告


博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3