zoukankan      html  css  js  c++  java
  • vue学习 watch监听

    watch:{
                'name':{
                    deep:'true',
                    handler:function(New,old){
                        console.log(New);
                    }
                }
            }
    

      监听函数前后的变化

     1 const vm = new Vue({
     2         el:'#app',
     3         data:{
     4             msg:'hello',
     5             msg2:'world'
     6         },
     7         methods: {
     8             click:function(){
     9                 this.msg='你是谁'
    10             }
    11         },
    12         computed:{
    13             name:function(){
    14                 return this.msg +' '+ this.msg2
    15             }
    16         }
    17     })

    这个是监听值得变化。

    vue中的过滤器

     1 <body>
     2     <div id="app">
     3         <p>{{price | myPrice}}</p>
     4     </div>
     5     
     6 </body>
     7 <script src="./vue.js"></script>
     8 <script>
     9     const vm = new Vue({
    10         el:'#app',
    11         data:{
    12             price:10,
    13         },
    14         filters:{
    15             myPrice:function(price){
    16                 return '$' + price;
    17             }
    18         }
    19     })
    20 </script>
    <body>
        <div id="app">
            <p>{{price | myPrice('¥')}}</p>
        </div>
        
    </body>
    <script src="./vue.js"></script>
    <script>
        const vm = new Vue({
            el:'#app',
            data:{
                price:10,
            },
            filters:{
                myPrice:function(price,a){
                    return a + price;
                }
            }
        })
    </script>

    可以传入两个参数,跟换种类

  • 相关阅读:
    CALayer3-层的属性
    CALayer2-创建新的层
    CALayer1-简介
    autofac 使用
    .net5的异步
    动态添加菜单
    PDF解析帮助类
    正则获取字符串中两个字符串间的内容
    水晶报表
    通用easyui查询页面组件
  • 原文地址:https://www.cnblogs.com/ch2020/p/14683010.html
Copyright © 2011-2022 走看看