JSON对象转换

落日映苍穹つ 2022-12-26 00:52 184阅读 0赞

## JavaScript对象 ##

JavaScript对象 ，分内置对象(Number,String,Array,Date,Math)  
，自定义对象JSON就是自定义对象，只不过是以JSON这样的数据组织方式表达出来所以不存在JSON对象与JavaScript对象的转换问题

## 字符串转为JSON对象 ##

通过字符串拼接得到一个JSON结构的字符串，并不是一个JSON对象。 需要通过eval转换得到  
转换的时候注意,eval 函数要以（ 开头，）结尾或者使用JQuery的$.parseJSON转换函数

## JSON 对象转换为字符串 ##

通过 **JSON.stringify** 函数把它转换为 字符串

## 监听事件 ##

<body>
    <div id="div1">
        <div>一共点击了  { { clickNumber}}次</div>
        <button v-on:click="count">点击</button>
    </div>
    </body>
    <script src="../JS/vue.min.js"></script>
    <script>
    
        new Vue({ 
            el: '#div1',  //这里的Vue与div绑定是通过div的id进行绑定
            data: { 
                clickNumber:0
            },
            methods:{ 
                count: function(){  //定义count方法用于点击事件
                    this.clickNumber++;
                }
            }
        })
    
    </script>

`<button v-on:click="count">点击</button>`中的v-on可以缩写为@

**事件修饰符**  
v-on:click.stop 阻止冒泡 click后面加一个 .stop， 那么冒泡到了这里就结束了，就不会冒到上面去了  
v-on:click.capture 优先触发  
v-on:click.self 只有自己能触发，子元素无法触发.  
v-on:click.once 可以监听，但只会触发一次事件

## 条件语句 ##

**v-if**

默认这一条是看得见的

\*\*v-else\*\*

中了500万！

谢谢惠顾！

\#\# 属性绑定 通过v-bind进行属性绑定

## VUE双向绑定 ##

如何把视图上的数据放到Vue对象上去  
用到v-model进行双向绑定