Рубрики
Vue основы Vue компонент Vue компонент.script

Структура секции Script в компоненте

methods
поле

Отсек script содержит поле methods, которое хранит простые методы-функции компонента.

glfun
Импортирование глобальных action функций из vuex

Тело метода может вызывать

  • this.glfun глобальные функции
  • this.fun свои обычные функции
  • this.var свои переменные из поля data
  • this.prop пропсы из поля props

Метод можно вызывать в отсеке template

  • fun функция (глобальная или обычная) вызывается как имя в атрибуте
  • script(fun()) функция вызывается в javascript вычислениях в атрибуте
<template>
<div attribute="fun"></div>
<div attribute="script(fun())"></div>
</template>

<script>
import {mapActions} from 'vuex';
methods:{
 ...mapActions({
   glfun:'module/glaction',
 }),
 fun(){
   this.fun
   this.glfun
   this.var
   this.prop
 },
},
</script>

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *