zoukankan      html  css  js  c++  java
  • VUE watch用法展示

    <template>
        <view>
        
            <!-- <view class="font">{{name}}</view> -->
            <view class="font">{{num}}</view>
            <view class="font">{{num>10?'优秀':''}}</view>
        <button type="primary" @tap="change()">修改</button>
        
        </view>
    </template>
    
    <script>
        export default {
            data() {
                return {
                    name:"我是一个名称",
                    num:0
                }
            },
            watch:{
                name:function(val) { //监听的字段需要和data里面声明得字段一样,才能够实现监听效果。
                    console.log(val)
                },
                num:function(val){
                    console.log(val);
                }
            },
            methods:{
                change:function(){
                    // this.name="被修改了";
                    this.num++;
                }
            }
        }
    </script>
    
    <style>
    .font{
        font-size: 50upx;
    }
    </style>
  • 相关阅读:
    mac pro发热发热发热
    从零开始搭建Vue组件库
    Charles模拟弱网测试
    webpack
    异步加载脚本
    Angular
    JavaScript模板语言
    Node.js
    gulp
    jsonp原理
  • 原文地址:https://www.cnblogs.com/zxyun/p/13802872.html
Copyright © 2011-2022 走看看