vm.$watch 实时监控方法

<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="UTF-8">
        <title>Document</title>
</head>
<body>
        <div id="main">
                {{text}}
                
                <textarea v-model="text"></textarea>
                {{aaa}}
                
                <div v-html="aaa"></div>
        </div>
        <script type="text/javascript" src="../js/vue.js"></script>
        <script type="text/javascript">
                var vm=new Vue({
                        el:"#main",
                        data:{
                                text:"132  456",
                                aaa:"555"
                        }
                });
                vm.$watch('text',function(nv){
                        var ov=nv.replace(/\s\s/g,'<br>');
                        vm.$data.aaa=ov.replace(/图片/g,'<img src="../images/1.jpg" width="100">');
                })

        </script>
</body>
</html>

posted @ 2017-01-04 13:54  fm060  阅读(2778)  评论(0)    收藏  举报