1.mounted 2.setTimeout、setInterval

1.mounted

mounted：初始化页面完成后，再对dom节点进行相关操作。
当打开浏览器进入页面时，mounted会立即执行里边相关代码。

<div id="box"></div>
<script src="https://unpkg.com/vue@next"></script>
<script>
    Vue.createApp({
      mounted(){
      	console.log('mounted进入页面立即执行');
      }
  	}).mount('#box')
</script>

---------------小知识---------------
created：方法是在初始化页面之前对dom的操作。执行顺序:父组件-子组件。
mounted：方法是在初始化页面之后对dom的操作。执行顺序:子组件-父组件。
methods：事件方法执行。使用时，需要加括号 ，每次调用时会重新执行函数，必须以函数形式调用，不是响应式。
watch：支持异步；不支持缓存，数据变，直接会触发相应的操作；一对多；监听数据必须是data中声明过或者父组件传递过来的props中的数据。
computed：不支持异步；响应式依赖进行缓存 ，数据发生改变，才会重新进行计算；多对一或一对一；属性值是函数，默认会走get方法，数据变化时，调用set方法。

2.setTimeout、setInterval

<script>
	 Vue.createApp({
	 	mounted(){
	        setTimeout(()=>{
				console.log('3m,停止');
       		},3000)
		    setInterval(()=>{
		       console.log('3m,循环');
		    },3000)
	    }
	  }).mount('#box')
  </script>

setTimeout：规定时间内操作后停止。
setInterval：规定时间操作完成后，还会一直循环。