السلام عليكم
انا مبتدأ في ال vue js و حاليا اصمم موقع و واجهتني مشكلة وهي انني لم اعرف كيف استخدم مكتبات الجافاسكريبت و الجكويري داخل المشروع , اتمنى افادتي و لو بالقليل و شكرا لكم
لدي مشكلة في استخدام المكتبات داخل vue js ??
لاضافة المكتبات في مشروع الVUE
يمكنك من خلال استعمال الNPM
لتنزيل الpackages و المكتبات المراد استعمالها
مثلاً في حالة كنت تريد استعمال jQuery في داخل مشروعك
تبحث عن npm jQuery و سيظهر لك الامر الخاص بتنزيل المكتبة والذي هو "npm install jquery"
- الأمر npm (node package manager) هي الأداة الخاصة بالتحكم بالمكتبات (مكتبات الnode)
- الأمر install لتنزيل المكتبات التي يتم تحديدها
- ثم تقوم بكتابة اسم المكتبة المراد تنزيلها (في هذه الحالة jquery)
وهكذا بامكانك استعمال أي مكتبة في مشروعك الVUE
شكرا لك اخي
نعم اعرف كيف اثبت المكتبات عن طريق npm , المشكلة عندي كيف اشغل هذه المكتبات داخل المشروع
فمثلا اريد تشغيل مكتبة isotope فأين أضع هذا الكود :
$('.grid').isotope({
// options
itemSelector: '.grid-item',
layoutMode: 'fitRows'
});
لكي تشتغل المكتبة
تحتاج لاضافة الكود داخل VUE lifecycle methods
والأنسب في هذه الحالة هو mounted
مثال عليها: سيتم تنفيذها بمجرد ان تم بناء الcomponent
mounted() {
console.log("mounted")
}
(سيتم تنفيذها بمجرد ان تم بناء الcomponent)
التعليقات