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

سلام دوست من بسیار بسیار کاره غیره عاقلانه ای هستش که با وجود استفاده از کتابخونه بسیار قدرتمند ویو جی اس از یک کتابخونه جاوا اسکریپتی دیگه در کنارش استفاده کنین یا بهتره بگم این کتابخونرو وارد کتابخونه هایی مثه ری اکت جی اس یا ویو جی اس کنین پروژتون رو بسیااار بسیااار سنگین میکنه و اصن واقعا هر چی پروژتون بیشتر جلو بره شاهد این خواهید بود که چقدر سرعت سایت شما کند میشه درصورتی که ویو جی اس رو به عنوان جایگزین جی کوعری حتی استفاده میکنن نه اینکه جی کوعری رو داخل ویو جی اس به کار ببرن پس خواهشم اینه که مساعلتون رو فقط با ویو جی اس حل کنین نه 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 کامپوننت هاتون میتونین از ماژول هاش استفاده کنین.

موفق باشین.