本文主要是介绍vue的计算\监听属性、created、mounted，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
computed：计算属性。在页面一开始就会自动执行。只有当return的值发生改变时才会重新执行
watch：监听属性。监听的变量发生改变时执行
created：在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。
mounted：在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。
<template><div id="a">{{m}}<br>{{a}}<button @click='change'>点击反转</button><br><span style="display:none;">{{mm}}</span><div v-bind:id="k">设计的萨克大多数 </div><br><br></div>
</template><script type="text/javascript">export default{data:function(){return{m:'我是你爸爸哦',k:"k",checkedNames:[],single:'',bottom_s:'0',bottom_m:['volvo'],}},methods:{change:function(){this.m=this.m.split("").reverse().join("")this.bottom_s='1'}},computed:{mm:function(){console.log('mm')return this.bottom_s}},watch:{m:function(nvalue,ovalue){alert("新的值是"+nvalue+"旧的值是"+ovalue)}},created:function(){this.a='aaa'},mounted:function(){alert('mounted')}}
</script>
这篇关于vue的计算\监听属性、created、mounted的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
