استفاده از cdn جی کوئری در کامپوننت vue

سلام چطور میتوانم cdn جی کوئری یا سایر موارد مشابه را در کامپوننت vue بارگذاری کنم چون صفحات vue فاقد تگ head است

برچسب ها:
پرسیده شده در: 6 ماه قبل
آمار بازدید: 240
1

سلام دوست من بسیار بسیار کاره غیره عاقلانه ای هستش که با وجود استفاده از کتابخونه بسیار قدرتمند ویو جی اس از یک کتابخونه جاوا اسکریپتی دیگه در کنارش استفاده کنین یا بهتره بگم این کتابخونرو وارد کتابخونه هایی مثه ری اکت جی اس یا ویو جی اس کنین پروژتون رو بسیااار بسیااار سنگین میکنه و اصن واقعا هر چی پروژتون بیشتر جلو بره شاهد این خواهید بود که چقدر سرعت سایت شما کند میشه درصورتی که ویو جی اس رو به عنوان جایگزین جی کوعری حتی استفاده میکنن نه اینکه جی کوعری رو داخل ویو جی اس به کار ببرن پس خواهشم اینه که مساعلتون رو فقط با ویو جی اس حل کنین نه jquery اما در هر صورت اگه بازم ترجیحتون اینه که این کتابخونه ی سنگین رو وارد پروژتون کنین تنها کاری که باید بکنین اینه که از طریق npm جی کوعری رو وارد پروژتون کنین یعنی از دستور زیر استفاده کنین برای اضافه کردن جی کوعری به پروژتون : 

npm i jquery

کار تمومه حالا هر کجا در هر جایی از کامپوننتتون که میخواید از جی کوعری استفاده کنین دستور زیر رو داخل کامپوننتتون مینویسین 

import $ from 'jquery'

 

در واقع import میکنین جی کوعری رو به شکل بالا داخل کامپوننتی که میخواین و بعد داخل هوک mounted از ماژول های جی کوعری استفاده کنین مثلا :

$(".myClass" ).css( "border", "3px solid red" );

ولی در آخر باز هم میگم اصن اینکارو نکنین و از جی کوعری داخل کتابخونه هایی مثله ری اکت جی اس یا ویو جی اس استفاده نکنین در واقع این کتابخونه ها کارمون رو صد برابر راحت تر از کار با جی کوعری کردن موفق باشین.

 

و نکته ی دیگه این که اگرم میخواین از cdn جی کوعری استفاده کنین باید برید داخل پوشه ی public و بعدش فایل index.html رو باز کنین و داخل هده این فایل cdn خودتون رو وارد کنین اگه درس های ویو جی اس رو دیده باشین باید بدونین ویو جی اس تمام کامپوننت هارو رندر میکنه داخل این فایل داخل تگ div ی که ایدیش app هستش بنابرین اگه داخل تگ هده این فایل cdn خودتون رو وارد کنین معنیش اینه که تمام کامپوننت هاتون به ماژول های جی کوعری دسترسی پیدا میکنن و داخل هوک mounted کامپوننت هاتون میتونین از ماژول هاش استفاده کنین.

موفق باشین. 

ارسال شده در: 6 ماه قبل
amiram234567 (286)
بیش از ۲ سال عضویت در روکسو بیش از ۲ سال عضویت در روکسو دارای ۲۰۰ کارما دارای ۲۰۰ کارما
جهت ارسال پاسخ ابتدا عضو سایت شوید.
اینستاگرام روکسو

روکسو در اینستاگرام

به جمع هزاران کاربر اینستاگرامی روکسو بپیوندید.