Кунг-фу изучали в Вуэ, Дафа

внешний интерфейс Vue.js

сомневаться

Когда я впервые изучал Vue, я обнаружил волшебную вещь: свойства в свойствах и данных, а также методы в методах могут передаватьthis.xxИспользуйте напрямую.

new Vue({
   data:{
       words:'hello'
   },
   created(){
       console.log(this.words); //居然可以打印出hello来
   }
});

Что это за боевые искусства? Следующий не удовлетворен и намерен выяснить это.

воровство

Как говорится, только зная себя и врага, мы можем быть в безопасности в сотне битв.Останьтесь здесь и взгляните на секреты боевых искусств Вью, подумайте о контрмерах, а затем идите в спортзал. Затем он стал генеральным менеджером, стал генеральным директором, женился на Бай Фумэй и достиг вершины своей жизни.

Object.definePropertyЭто важная часть Vue.Если вы не разбираетесь в детской обуви, сначала проверьте документацию.Object.defineProperty().

Я называю это движение Дафа Гешанского Боевого Ню, и оно действительно удивительно. Я тайно изучил его ментальный метод боевых искусств. Чтобы позволить большему количеству людей изучить этот прием, я буду практиковать низкоуровневую версию Гешанского Боевого Ню ниже.

function proxy (target, source){
    for(let key in source){
        Object.defineProperty(target,key,{
            enumerable: true,
            configurable: true,
            get:function() {
                return source[key];
            },
            set:function(val) {
                source[key] = val;
            }
    	});
    }
}
const father = {};
const child = {
    money:100
}
proxy(father, child);

father.money // 100

Ход на самом деле очень простой, при вызовеproxyПосле метода каждый раз, когда вы идете, чтобы получитьfatherизmoneyкогда,returnдаchildизmoney, то же самое и при настройке.

расширять

VueсерединаProps、data、methodsопределяются с помощью этого трюка, чтобыvmВверх. Затем в компонентеdataИмеет ли необходимость использования функций какое-либо отношение к этому продукту?

Это не имеет большого значения, но мы можем пройтиproxyотталкивать.

Передано при создании экземпляра компонентаoption, который имеет ряд свойств и методов.

Vue.component('my-component',{
    template:'<span>{{ message }}</span>' ,
    data:{
        message:'hello'
    }
});

Каждый раз, когда создается экземпляр компонента, он будет использовать один и тот же ссылочный адрес.dataпройти вproxyсередина. Таким образом, хотя есть несколько случаев, на самом деле один и тот же скот попадает в горы.

еслиdataявляется функцией, она будет выполнять функцию, которая возвращает новыйdataОбъект, таким образом, боевой скот через гору - другой крупный рогатый скот.

data = vm._data = typeof data === 'function' ? getData(data, vm) : data || {}

удар зал

Я также научился бороться со скотиной через гору,VueТы просто умрешь. (Стать генеральным менеджером, стать генеральным директором, выйти замуж за Бай Фумэй и достичь вершины жизни.)

Вью: ? ? ?

Вью: ПростоObject.definePropertyВид использования, хотя вы знаете, что его можно использовать напрямуюthis.xxдля доступа к свойствам и методам, но знаете ли вы, как я это делаю? ты острая курица.

Вью: Давай, стой на месте и позволь тебе сделать три движения.

Я: (что мне делать, не мой противник, группа в панике)

Я: Моя невестка вчера ушла делать прическу, так что на этот раз я тебя отпущу. (беги беги беги)

Эй, это не противник, вернемся к практике. Я все еще собираюсь практиковать то, что он сказал,VueОтветная сила? ? ?

Vue Responsive ---- Принцип реагирования на данные.

Категории