CodeGidпроцесс создания компьютерных программ.
export default {
props:{prop1},
data(){},
methods:{},
computed:{},
watch:{},
...
}<template>
{{prop1}}
</template>
<script>
import ИмяМексина from './mixins/ИмяМексина';
export default {
mixins:[ИмяМексина],
}
</script>
ref
функция используется для того чтобы переменная стала реактивной, которая параметром принимает значение
Всё что мы вернём функции setup будет доступно в шаблоне компонента <template>
<template>
<div>{{myvar}}</div>
</template>
<script>
import {ref} from 'vue'
export default {
setup(props){
const myvar=ref(Значение);
return {myvar};
}
}
</script><template>
<div>{{myvar}}</div>
<button @click="addmyvar">add</button>
</template>
<script>
import {ref} from 'vue'
export default {
setup(props){
const myvar=ref(0);
const addmyvar = () =>{
myvar.value+=1;
}
return {myvar,addmyvar };
}
}
</script>В Laravel Route с примерами представляют простейшие маршруты принимают URI (путь) и функцию-замыкание, предоставляя очень простой и выразительный метод определения маршрутор.
Все маршруты определены в файлах маршрутов, которые расположены в каталоге routes. Эти файлы автоматически загружаются фреймворком.
В файле routes/web.php определены маршруты для вашего web-интерфейса. Эти маршруты входят в группу посредников web, которые обеспечивают такие возможности, как состояние сессии и CSRF-защита. Маршруты из файла routes/api.php не поддерживают состояния и входят в группу посредников api.
Для большинства приложений сначала определяются маршруты в файле routes/web.php.
$uri
хост\api\путь
$callback
роут вызывает колбэк-функцию или обратный вызов
функция, переданная в другую функцию в качестве аргумента, которая затем вызывается по завершению какого-либо действия.
get роут получает информацию от сервера
Route::get($uri, $callback);
post роут отправляет информацию на сервер для хранения
Route::post($uri, $callback);
v-if директива if
bool выражение,которое возвращает true или false
если возвращает false, тогда тег удаляется
если возвращает true, тогда тег добавляется
<тег v-if="bool"/>v-else директива else
если директива v-if возвращает false, тогда тег добавляется
если директива v-if возвращает true, тогда тег удаляется
<тег v-else/>resources\store.js
главный файл, в котором
подключаются остальные модули Store
из папки resources\store\store\…js
import {createStore} from "vuex";
export default createStore({
state:{
},
getters:{
},
mutations:{
},
actions:{
},
modules:{
},
});для того чтобы создать глобальное хранилище используется функция createStore который принимает объект с полями.
Четыре поля составляют ядро VueX
state
само состояние. Описываем данные, которые в нашем приложении
getters
некие computed свойства. Кэшируемые вычисляемые значения
mutations
изменять состояние напрямую мы не можем, но можем изменять с помощью мутации. Мутации представляют из себя функции, внутри которых мы меняем значение какого то поля в состоянии.
actions
функции, которые используют внутри себя мутации. Напрямую из actions изменять состояния не рекомендуется.
Но мы можем внутри этих action-ов делать мутации. В свою очередь внутри action-ов мы делаем какие-то сайт эффекты например получаем какие то данные из сервера, вызывем мутации и сохраняем эти данные в состоянии.