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 !
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.
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}}就是标签体 ]
· js表达式:可以产生一个值的,举几个例子就明白了
· js代码(语句)是一种特殊的js代码,会产生一个值 js代码(语句):举几个比较常见的例子
指令语法以v-
开头,你应该不会陌生,包括v-for、v-on、v-bind......
它的作用是解析标签(包括标签属性,标签体内容,绑定事件),功能就非常强大了,我们这里举个v-bind
的使用案例,它是用来绑定属性的,v-on
则是用于绑定事件: