Обмен технологиями

Синтаксис директивы синтаксиса шаблона - 02

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

// Синтаксис инструкции:

1. Что такое обозначение и для чего оно предназначено?

Ответственность директивы заключается в применении связанных с ней эффектов к DOM реагирующего действия при изменении значения выражения.

2. Имена всех инструкций в среде vue начинаются с v-

3. В этикетке написана интерполяция, а инструкция написана на

Все инструкции в поле vue существуют в виде атрибутов тега Html.

Например: <span 指令写 在这 >{</span>{Здесь находится синтаксис интерполяции}}

Примечание. Хотя инструкция записана в позиции атрибута тега, браузер не может понять эту команду. Сначала ее необходимо скомпилировать с помощью инфраструктуры vue. Скомпилированное содержимое может быть просмотрено браузером.

4. Грамматические правила инструкций

Формат синтаксиса инструкций

<HTML 标签 v-指令名：参数 = “表达式”></HTML>

выражение, ранее использовавшееся в синтаксисе интерполяции { {Что здесь можно написать}}, то то, что можно записать в выражении в инструкции, на самом деле точно такое же. Однако следует отметить, что { нельзя добавлять за пределами позиции выражения в инструкции.{}}

Не все инструкции имеют параметры и выражения.

Некоторые инструкции не требуют параметров или выражений. Пример: v-once.

Некоторые инструкции не требуют параметров, но требуют выражений, например: v-if = «выражение»

Некоторые инструкции требуют как параметров, так и выражений. Например: v-bind: параметр = «выражение».

  1. директива v-once

Функция: отображать элемент только один раз, а затем повторно отображать. Элемент и все его дочерние узлы будут помещены в статическую память и пропущены. Это можно использовать для оптимизации производительности обновления.

  1. v-if = директива «выражение»

Функция: результат выполнения выражения требует данных логического типа: true или false.

true: тег, в котором находится эта инструкция, будет отображен в браузере.

false: тег, в котором находится эта директива, не будет отображаться в браузере.

<body>

<div id ='app'>

<h1>{{сообщение}}</h1/>

<h1 v-once>{{сообщение}}</h1>

<h1 v-if="a>b"> тест:{{сообщение}}</h1>

</div>

<script>

новый Vue （{

эл : '#app'

данные(){

сообщение: 'qwert'

а : ' 20'

б : '21'

}

}）

</scirpt>

</body>

Личный профиль

Он посвятил себя исследованию технологий более 30 лет и владеет различными языками, такими как Java, Linux, Javascript, php, css и т. д. Он внес большой вклад в область открытого исходного кода. Станция документации для разработчиков, где можно поделиться некоторыми проблемами в разработке технологий для дальнейшего использования. Все ознакомьтесь.

моя контактная информация

Почта