Maison> interface Web> Voir.js> le corps du texte

Apprenez à connaître la syntaxe des modèles dans Vue et parlez de la relation entre les conteneurs et les instances

青灯夜游
Libérer: 2022-04-06 14:11:52
avant
2375 Les gens l'ont consulté

Cet article vous présentera la syntaxe des modèles dansvue, présentera la syntaxe d'interpolation et la syntaxe des instructions, et parlera de la relation entre les conteneurs et les instances. J'espère qu'il sera utile à tout le monde !

Apprenez à connaître la syntaxe des modèles dans Vue et parlez de la relation entre les conteneurs et les instances

Je veux gravir étape par étape~ Bonjour à tous, apprenons aujourd'hui le concept de syntaxe de modèle !

1. Syntaxe du modèle

La syntaxe du modèle est divisée en syntaxe d'interpolation et syntaxe d'instruction.

1. Syntaxe d'interpolation

La syntaxe d'interpolation est représentée par deux accolades, qui sont utilisées pour expliquer le contenu ducorps de la balise,xxx{{xxx}} code> /code> doit être une {{xxx}}里面的xxx必须要是js表达式,xxx就可以在被解析后去自动读取实例中定义的属性了。(学习视频分享:vuejs教程

· 标签体:这个位置就是标签体,举个栗子

插值语法

[插值语法就是标签体]

Hello,{{name}}

[Hello,{{name}}就是标签体 ]
Copier après la connexion

· js表达式:可以产生一个值的,举几个例子就明白了

  • name
  • 1+1
  • ok ? 'YES' : 'NO'

· js代码(语句)是一种特殊的js代码,会产生一个值 js代码(语句):举几个比较常见的例子

  • if(){}
  • for(){}

2.指令语法

指令语法以v-开头,你应该不会陌生,包括v-for、v-on、v-bind......

它的作用是解析标签(包括标签属性,标签体内容,绑定事件),功能就非常强大了,我们这里举个v-bind的使用案例,它是用来绑定属性的,v-on则是用于绑定事件:

插值语法

Hello,{{name}}

指令语法

点我点我!