Vue2 模板template的四種寫法總結
阿新 • • 發佈:2018-12-26
下面小編就為大家分享一篇Vue2 模板template的四種寫法總結,寫的十分的全面細緻,具有一定的參考價值,對此有需要的朋友可以參考學習下。如有不足之處,歡迎批評指正。
如下所示:
<div id="app"> <h1>我是直接寫在構造器裡的模板1</h1> </div> <template id="demo3"> <h1 style="color:red">我是選項模板3</h1> </template> <script type="x-template" id="demo4"> <h1 style="color:red">我是script標籤模板4</h1> </script> <script> var vm=new Vue({ el:"#app", data:{ message:1 }, //歡迎加入前端全棧開發交流圈一起吹水聊天學習交流:864305860 //第2種模板 寫在構造器裡 //template:`<h1 style="color:red">我是選項模板2</h1>` //第3種模板 寫在<template>標籤裡 //template:'#demo3' //歡迎加入前端全棧開發交流圈一起吹水聊天學習交流:864305860 //第4種模板 寫在<script type="x-template">標籤裡 template:'#demo4' }) </script> 歡迎加入前端全棧開發交流圈一起吹水聊天學習交流:864305860
推薦第4種。
結語
感謝您的觀看,如有不足之處,歡迎批評指正。
本次給大家推薦一個免費的學習群,裡面概括移動應用網站開發,css,html,webpack,vue node angular以及面試資源等。
對web開發技術感興趣的同學,歡迎加入Q群:864305860,不管你是小白還是大牛我都歡迎,還有大牛整理的一套高效率學習路線和教程與您免費分享,同時每天更新視訊資料。
最後,祝大家早日學有所成,拿到滿意offer,快速升職加薪,走上人生巔峰。