vue获取数据的原始值例子,代码编辑测试

			<html>
   <head>
      <title>Vue获取数据的初始值</title>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.0/vue.min.js">
      </script>
   </head>
   <body>
      <div id = "intro" style = "text-align:center;">
         <p>修改后的值：{{ count }}</p>
		 <button @click="getCount">获取count</button>
      </div>
      <script type = "text/javascript">
         var vue_det = new Vue({
            el: '#intro',
			data() {
				return {
				  count: 1
				}
			},//注意这里的写法是函数式，不是对象 data:{count:1}
			mounted: function(){
				this.count = this.count+10
			},
			methods:{			  
			  getCount(){
			    console.log("原始值："+this.$options.data().count)
				console.log("新的值："+this.$data.count)
				
			  }
			},
			
         });
      </script>
   </body>
</html>
                

this.$options.data().xxx获取原始值

vue获取数据的原始值例子在线测试，VueJS网页版在线编辑器,在编辑器上输入VueJS代码，可在线编辑运行VueJS,VueJS代码在线运行调试,VueJS在线编辑,VueJS代码在线编辑器,可快速在线测试您的VueJS代码,在线编辑VueJS代码发现是否存在错误。