vue局部組件如何使用


vue的局部組件使用,需要先聲明一個組件,然后掛載到全局組件的components,再使用。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="node_modules/vue/dist/vue.js"></script>
	</head>
	<body>
		<div id="app">
               <Vheader/>
		</div>
        <script type="text/javascript">
           var Vheader={
             template:`
             <div @click="handerFn">頭部</div>
             `,
             data(){
                 return{

                 }
             },
             methods:{
                handerFn(){
                    alert("123")
                }
             }
           }
			var vm=new Vue({
				el:"#app",
				data(){
					return{
						

					}
				},
				methods:{
					
					
				},
                components:{
                    Vheader
                }
			})
		</script>
	</body>
</html>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM