Maison  >  Article  >  interface Web  >  Comment utiliser le modèle dans le modèle Vue2

Comment utiliser le modèle dans le modèle Vue2

亚连
亚连original
2018-06-05 09:42:353113parcourir

Je vais maintenant partager avec vous un résumé des quatre méthodes d'écriture du modèle Vue2. Il a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde.

est le suivant :

<p id="app"> 
 <h1>我是直接写在构造器里的模板1</h1> 
</p> 
 
<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 
  }, 
 
  //第2种模板 写在构造器里 
  //template:`<h1 style="color:red">我是选项模板2</h1>` 
 
  //第3种模板 写在<template>标签里 
  //template:&#39;#demo3&#39; 
 
  //第4种模板 写在<script type="x-template">标签里 
  template:&#39;#demo4&#39; 
 }) 
</script>

Ce qui précède est ce que j'ai compilé pour vous, j'espère qu'il vous sera utile dans le. avenir.

Articles connexes :

Comment créer element-ui (tutoriel détaillé)

Comment modifier le style par défaut dans elementui

Utilisez elementUI pour implémenter des méthodes de thème personnalisées dans Vue

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn