Vue3的hook函数

hook函数概念同Vue2中的mixin

1. 定义hook函数（创建文件夹hooks，创建文件showMsg.js，在页面初始化时，打印一行文字）

   import { ref, onMounted } from 'vue';
   export default function() {
   	let msg = ref('hello world');
   	onMounted(() => {
   		console.log(msg.value);
   	});
   	return msg;
   }
   

2. 在组件中使用hook函数

   <template>
   	<p>控制台打印的文字是：{{msg}}</p>
   </template>
   

   <script>
   	import showMsg from './hooks/showMsg.js';
   	export default {
   		setup() {
   			let msg = showMsg();
   			return {
   				msg
   			};
   		}
   	}
   </script>