Некоторые концепции очень полезны при работе над большим проектом.
1. Вычислено
— Свойства параметра
— Вычислить комплексное значение, а затем кэшировать его — › повысить производительность приложения
— Его значение переоценивается только тогда, когда некоторые из зависимостей его реактивного значения изменились.< br /> — не принимать никаких входных аргументов
Всегда возвращать значение
— Удобочитаемость и обслуживание кода
пример 1: проблема
‹template›
‹p› {{age ›18?'Голосование':'Не соответствует требованиям'}} ‹/p›
‹/template›
ex 2:Solution
‹template›
‹p› {{ getEligible}} ‹/p›
‹/template›
‹script›
экспортировать по умолчанию{
вычислено: {
getEligible(){
вернуть e ›18? «Голосование»: «Не соответствует требованиям»;
}
}
}
‹/script›
2. методы:
— свойства параметров
— в основном используются для обработки событий: клавиатура, мышь и событие перемещения
— без кэширования
— выполняются каждый раз при вызове этого метода в компоненте/HTML
ex :
‹template›
‹p›
{{getEligible()}}
‹/p›
‹button @click=»getEligible»›Eligible‹/button›
‹/template›
‹script›
методы export default{
:{
getEligible(){
return e›18?'Cast Vote':'Not Eligible';
}
}
}
‹/script›
3. Watcher
— метод, который наблюдает за свойством данных с тем же именем
— для запуска функции при каждом изменении реактивных свойств или наблюдения за изменением свойств или запуска при каждом изменении значения свойства данных.
— часы по умолчанию неглубокие.
например:
‹template›
‹p›
{{msg}}
‹/p›< br /> ‹button @click=»getEligible»›Eligible‹/button›
‹/template›
‹script›
export default{
data(){< br /> return{
age:20,
msg:””
}
},
watch:{
age:function(newValue, oldValue ){
this.msg = newValue›18?'Голосование':'Не соответствует требованиям';
}
}
}
‹/script ›
4. Миксины
— миксины Vue помогают хранить логин, который необходимо повторно использовать в компонентах, чтобы вам не приходилось повторять логику или
повторное использование кода в коде приложения vue
-local миксины-›на компоненты
//Определить локальные миксины
const mixin = {
created: function() {
this.say()
},
> методы:{
say: function(){
console.log('Say from Mixing')
}
}
}
const componet = vue.extent({
миксины: [mixin]
});
-Глобальные миксины-›влияют на все файлы и комментарии в проекте по умолчанию-›избегают без крайней необходимости
Vue.mixin({})
5. extends:
— Компонент «базового класса», из которого следует расширять.
— Позволяет одному компоненту расширять другой, наследуя параметры его компонентов.
—extends в первую очередь касается наследования.
ex:
const comA = {}
const comB = {
extends:comA,
…
}
Нравится и комментарий
