رفع ارور event های vue.js در W3C

سایت W3C یک سایت برای رفع مشکلات ساختار کد html شما هستش که فقط کافیه لینک سایت خودتون رو بدید بهش تا براتون تمام مشکلات موجود توی html سایتتون رو بگه تا هم سایت بهینه تری داشته باشید هم سئو سایت شما بالا بره.

حالا مشکل اینجاست که این سایت event های vue.js رو که توی html نوشتید رو به عنوان ارور میشناسه که خب اگر مشتری ای داشته باشید که ازتون بخواد این ارور هارو رفع کنید به مشکل میخورید.

برای رفع این مشکل ابتدا افزونه زیر رو روی پروژتون نصب کنید

npm i vue-w3c-valid --save

بعد از نصب توی پروژتون لودش کنید

import VueW3CValid from 'vue-w3c-valid';

اگر میخواید که به صورت آنلاین لود کنید افزونه رو دو تا دستور بالا رو بیخیال شید و خط زیر رو به html خودتون اضافه کنید

<script src=&quothttps://unpkg.com/vue-w3c-valid/dist/simple.js&quot>

خب الان کافیه که قبل از ساختن شئ vue خودتون کد زیر رو بنویسید

new VueW3CValid({
    el: '#app'
});

حالا وقتشه که شئ vue خودتون رو بسازید

new Vue({
    el: '#app'
});

خب همه چی آمادست از این به بعد به جای استفاده عادی از event ها به شکل زیر استفاده کنید.

به جای:

<button v-on:click=&quotcounter+1&quot>test</button>

بنویسید:

<button data-v-on_click=&quotcounter+1&quot>test</button>

یا به جای:

<div v-if=&quottrue&quot></div>

بنویسید:

<div data-v-if=&quottrue&quot></div>

خب دیگه اروری توی w3 validator برای vue مشاهده نمی کنید :)‌ اگر می خواید در مورد افزونه vue-w3c-valid بیشتر بدونید کلیک کنید.