معادل چند تابع جی کوئری در vue js

سلام اول باید متوجه باشید که این کتابخونه‌ای دیگه‌ای هست نباید دنبال راهی مثل جی کوئری باشید
دو راه برای select المنت در صورت نیاز وجود داره . راه اول استفاده از خود جاوااسکریپت هست
راه اول

document.querySelector('#ali')

راه دوم استفاده از refs در vue هست . که توضیحاتش در مستنداتش هست و میتونید پیدا کنید.

شما باید به کلی دیدت رو عوض کنی
vue با jquery از ریشه فرق داره
برای گرفتن یک المنت باید از ref استفاده کنی

<span ref="cart_count"></span>

بعد توی قسمت جاوا اسکریپت

let cartCountSpan = this.$refs['cart_count']

ولی vue ساختارش جوریه که کم پیش میاد بخواهی یه المنت رو بگیری

یک امکان ساده برای کوتاه نویسی هم، ایجاد تابعی شبیه به تابع انتخابگر جی کوئری هستش:

js or es6:

js:
var $ = function(el) {
return document.querySelector(el);
}

es6:
const $ = el => document.querySelector(el);

exmple:
$('body');
$('.class');
$('#ali');

البته کاملا مشابه اون تابع نمیشه، ولی کار شمارو راه میندازه تا حدی.

@hesammousavi
بله من این دوتا روششو میدونستم بازم ممنون
@alphaelf
و من هرچی جلوتر میرم میبینم ویو نسبت به جی کوئری خیلی ضعیف تر عمل میکنه و نمیدونم کاربردش کجاست .الان پشیمونم که چرا سمت react نرفتم
@milad
ممنون از شما!
میشه چندتا مینی پروژه پیشنهاد بدین من انجام بدم؟

@paressep28
زنده باشید
واللا من خودم کلا توی همه ی موارد این مشکل تعریف پروژه رو داشتم، یعنی همه میان میگن برای یادگیری اول نحو اون زبان رو یاد بگیر، بعدش تمرین کن و چندتا پروژه برا خودت بزن!!
نحو رو میشه با آموزش ها دید و یاد گرفت، اما تمرینات و پروژه های کوچک و بزرگ کمتره. بهرحال باید گشت و جستجو کرد.

من vue.js کار نکردم، ببینید این نشانی کمک تون میکنه؟
https://dev.to/vuevixens/hands-on-vuejs-for-beginners-part-1-2j2g

بعلاوه به نظرم اگه تمرین و پروژه های کوچک می خواید، بهتره یک گفتگوی جدید ایجاد کنید براش.
از جناب بیات هم درخواست کنید، ایشون بارها vuejs رو توصیه کردن به دوستان، از ایشون بهتره بپرسید.
اینکه کارکردش چیه؟ مزیتش نسبت به جی کوئری چیه؟ تمرین و پروژه پیشنهادی شون و غیره.

@paressep28
ویو نسبت به jquery ضعف چی داره ؟
شما در جی کوئری مجبوری هی المنت از dom انتخاب کنید اما در vue به ندرت نیاز به اینکار پیدا میکنید چون سازکار کلا متفاوت هست .

@paressep28

ببینید در فریم‌ورک Vuejs سعی شده یه سینتکس داده محور ارائه بشه.. به همین خاطره که به ندرت میبینید از در ویو از querySelector ها استفاده بشه.. نه اینکه اصلا نشه

سازکار ویو به گونه‌ایه که شما مجبور نباشید همش المان‌ها رو از صفحه دریافت و سپس آپدیت کنید (کاری که در تمام کدهای جی‌کوئری شاهدش هستیم) در صورتی در ویو virtual DOM داریم