வியூ ஜேஎஸ்

யாவாகிறிட்டு கட்டமைப்பு

வியூ ஜேஎஸ் என்பது திறந்த மூல முன்னந்த யாவாக்கிறிட்டு கட்டமைப்பாகும். உருப்படிவம்-தோற்றம்-தோற்றமாதிரி என்ற மென்பொருள் கட்டமைப்பு முறையைக் கொண்டு பயனர் இடைமுகங்களையும், ஒற்றைப்பக்க பயன்பாடுகளையும் கட்டமைக்கப் பயன்படுகின்றது. இவான் யூ என்பவரால் இஃது உருவாக்கப்பட்டது, மேலும் அவரும் மற்ற செயலிலுள்ள முதன்மைக்குழு உறுப்பினர்களாலும் அது பராமரிக்கப்படுகின்றது.

Vue.js
வடிவமைப்புஇவான் யூ
தொடக்க வெளியீடுபெப்ரவரி 2014; 10 ஆண்டுகளுக்கு முன்னர் (2014-02)[1]
அண்மை வெளியீடு3.4.38 [2] / ஆகத்து 15, 2024; 4 மாதங்கள் முன்னர் (2024-08-15)[3]
கொள்கலம்Vue.js Repository
மொழிடைப்கிறிட்டு, யாவாக்கிறிட்டு
கோப்பளவு33.30KB min+gzip
மென்பொருள் வகைமையாவாக்கிறிட்டு கட்டமைப்பு
உரிமம்எம்ஐடி உரிமம்[4]
இணையத்தளம்vuejs.org

மேலோட்டம்

தொகு

வியூ ஜேஎஸ் பெருகிய முறையில் மாற்றியமைத்துக் கொள்ளத்தக்க கட்டமைப்பைச் சிறப்பியல்புகளாகக் கொண்டுள்ளது. அஃது அறிவித்த மீள்தருகை, ஆக்கக்கூறு கூட்டமைவு ஆகியவற்றின் மீது கவனம் செலுத்துகின்றது. இந்நிரலகம் தோற்றப்படுகை மீது மட்டும் கவனம் செலுத்துகிறது. எளிதற்ற பயன்பாடுகளுக்குத் தேவையான மேம்படுத்தப்பட்ட சிறப்பியல்புகளாகிய திசைவித்தல், நிலை மேலாண்மை, கட்டமைப்பு முறைமை போன்றவை அலுவலாகப் பராமரிக்கப்படும் ஒத்துழைப்பு நிரலகங்கள், தொகுப்புகள் மூலம் அளிக்கப்படும்.

வியூ ஜேஎஸ் மீயுரைக் குறியிடு மொழியின் இயற்பண்புகள் எனப்படும் பொதுக்கட்டளைகளுடன் நீட்டிக்க அனுமதிக்கிறது. பொதுக்கட்டளைகள் HTML பயன்பாடுகளுக்கானச் செயற்பாட்டை வழங்குகின்றன. மேலும், அவை உள்ளமைக்கப்பட்ட அல்லது பயனர் வரையறுக்கப்பட்ட பொதுக்கட்டளைகளாகவும் வரும்.

வரலாறு

தொகு

வியூ இவான் யூ என்பவரால் உருவாக்கப்பட்டது. அவர் கூகுள் நிறுவனத்தில், ஆங்குலர் ஐப் பயன்படுத்தி பல திட்டங்களில் பணிபுரிந்த பிறகு அதை உருவாக்கினார். பின்னர் அவர் தனது சிந்தனை செயற்முறையைச் சுருக்கமாகக் கூறினார்: "ஆங்குலர் ஐப் பற்றி நான் மிகவும் விரும்பும் பகுதியைப் பிரித்தெடுத்து, மிகவும் இலகுவான ஒன்றை உருவாக்க முடிந்தால் என்ன? என நான் எண்ணினேன்".

சூலை 2013 அன்று முதல் மூல நிரற்தொடர் ஒப்புவிக்கப்பட்டது; அந்நேரத்தில் அது முதலில் "Seed" எனப்பெயரிடப்பட்டது. பிப்ரவரி 2014 அன்று வியூ முதன்முதலில் வெளியிடப்பட்டது.

பதிப்புப் பெயர்கள் பெரும்பாலும் மங்கா, அனிமேஷிலிருந்து பெறப்படுகின்றன, அவற்றில் பெரும்பாலானவை அறிவியல் புனைகதை வகைக்குள் உள்ளன.

பதிப்புகள்

தொகு
பதிப்பு வெளியிட்ட நாள் தலைப்பு நீள்ளாதரவின் முடிவு முடிவு
3.5 செப்டம்பர் 1, 2024 Tengen Toppa Gurren Lagann[5]
3.4 திசம்பர் 28, 2023 Slam Dunk[6]
3.4 திசம்பர் 28, 2023 Slam Dunk[7]
3.3 மே 11, 2023 Rurouni Kenshin[8]
3.2 ஆகத்து 5, 2021 Quintessential Quintuplets[9]
3.1 சூன் 7, 2021 Pluto[10]
3.0 செப்டம்பர் 18, 2020 One Piece[11]
2.6 பெப்ரவரி 4, 2019 Macross[12] மார்ச்சு 18, 2022 செப்டம்பர் 18, 2023
2.5 அக்டோபர் 13, 2017 Level E[13]
2.4 சூலை 13, 2017 Kill la Kill[14]
2.3 ஏப்ரல் 27, 2017 JoJo's Bizarre Adventure[15]
2.2 பெப்ரவரி 26, 2017 Initial D[16]
2.1 நவம்பர் 22, 2016 Hunter X Hunter[17]
2.0 செப்டம்பர் 30, 2016 Ghost in the Shell[18]
1.0 அக்டோபர் 27, 2015 Evangelion[19]
0.12 சூன் 12, 2015 Dragon Ball[20]
0.11 நவம்பர் 7, 2014 Cowboy Bebop[21]
0.10 மார்ச்சு 23, 2014 Blade Runner[22]
0.9 பெப்ரவரி 25, 2014 Animatrix[23]
0.8 சனவரி 27, 2014 பொருத்தமில்லை[24]
0.7 திசம்பர் 24, 2013 பொருத்தமில்லை[25]
0.6 திசம்பர் 8, 2013 VueJS[26]

ஒரு புது முதன்மையின் போது அஃதாவது v3.அ.அ, கடைசி சிறுமை அஃதாவது 2.எ.அ பிழை திருத்தங்களும், பாதுகாப்பு இணைப்புகளும் 18 திங்களுக்கு நீள்ளாதரவு வெளியீடாக மாறும். மேலும், பாதுகாப்பு இணைப்புகள் மட்டும் அடுத்த 18 திங்களுக்குப் பராமரிப்பு முறையில் இருக்கும்.

தனிச்சிறப்பு

தொகு

கூறுகள்

தொகு

வியூ கூறுகள் மீண்டும் பயன்படுத்தக்கூடிய குறியீட்டை இணைக்க அடிப்படை HTML கூறுகளை விரிவுபடுத்துகின்றன. உயர் மட்டத்தில், கூறுகள் தனிப்பயன் கூறுகளாகும், அவற்றுடன் வியூ தொகுப்பி நடத்தையை இணைக்கிறது. அடிப்படையில் ஒரு கூறு முன் வரையறுக்கப்பட்ட விருப்பங்களைக் கொண்ட வியூ நிகழ்வாகும். கீழுள்ள குறியீடு துணுக்கில் வியூ கூறுக்கான எடுத்துக்காட்டு உள்ளது. இக்கூறு ஒரு பொத்தானை வழங்கி, அதனை எத்தனை முறை சுட்டியால் சுண்டுகின்றது என்பதை அச்சிடுகிறது.

<template>
  <div id="tuto">
    <button-clicked v-bind:initial-count="0"></button-clicked>
  </div>
</template>

<script>
Vue.component('button-clicked', {
  props: ['initialCount'],
  data: () => ({
    count: 0,
  }),
  template: '<button v-on:click="onClick">Clicked <nowiki>{{ count }}</nowiki> times</button>',
  computed: {
    countTimesTwo() {
      return this.count * 2;
    }
  },
  watch: {
    count(newValue, oldValue) {
      console.log(`The value of count is changed from ${oldValue} to ${newValue}.`);
    }
  },
  methods: {
    onClick() {
      this.count += 1;
    }
  },
  mounted() {
    this.count = this.initialCount;
  }
});

new Vue({
  el: '#tuto',
});
</script>

வார்ப்புரு

தொகு

வியூ ஒரு HTML அடிப்படையிலான வார்ப்புரு தொடரியலைப் பயன்படுத்துகின்றது. அது தருவித்த DOMஐ அடிப்படை வியூ நிகழ்வின் தரவுகளுடன் பிணைக்க அனுமதிக்கின்றது. அனைத்து வியூ வார்ப்புரும் முறையான மீயுரைக் குறியிடாகும், விவரக்குறிப்பு-இணக்கமான உலாவிகளும் மீயுரைக் குறியிடு பாகுபடுத்திகளும் அவற்றை பாகுபடுத்தப்பட்ட முடியும். வியூ வார்ப்புருகளை மெய்நிகர் DOM தருவித்தச் செயல்பாடாகத் தொகுக்கின்றது. ஒரு மெய்நிகர் ஆவணப் பொருளாக்க மாதிரி (அல்லது "DOM") உலாவியைப் புதுப்பிக்கும் முன் அதன் நினைவகத்தில் கூறுகளைத் தருவிக்க வியூ வை அனுமதிக்கிறது. வினைத்திறன் அமைப்புடன் இணைந்து, மீள்தருவித்தல்கான குறைந்த கூறுகளின் எண்ணிக்கையை வியூ கணக்கிட்டு, பயன்பாட்டின் நிலை மாறும்போது, குறைந்தளவு DOM கையாளுதல்களைப் பயன்படுத்துகிறது. வியூ பயனர் அதன் வார்ப்புருத் தொடரியலைப் பயன்படுத்தலாம் இல்லையெனில், நேரடி தருவித்தச் செயற்பாடுகளை மீகுறியிட்டைப் பயன்படுத்திச் செயற்பாடு அழைப்புகள் மூலமோ யாவாக்கிறிட்டு எக்ஸ்.எம்.எல் மூலமோ எழுதலாம். மென்பொருள் கூறுகளிலிருந்து பயன்பாடுகளை உருவாக்க தருவித்த செயற்பாடுகள் அனுமதிக்கின்றன.

வினைத்திறன்

தொகு

வியூ ஒரு வினைத்திறன் அமைப்பைக் கொண்டு, எளிய யாவாக்கிறிட்டு பொருள்களையும் உகந்த மீள்தருவித்தலையும் பயன்படுத்துகின்றது. ஒவ்வொரு கூறும் தருவித்தலின் போது அதன் எதிர்வினைச் சார்புகளைக் கண்காணிக்கிறது. எனவே, இவ்வமைப்பு எப்பொழுது மீள்தருவித்தல் வேண்டும், எந்தெந்த கூறுகளை மீள்தருவித்தல் வேண்டும் என்பதைத் துல்லியமாக அறியும்.

மாறுதல்

தொகு

DOM இலிருந்து உருப்படிகள் செருகப்படும், புதுப்பிக்கப்படும், அகற்றப்படும் போது மாறுதல் விளைவுகளைப் பயன்படுத்துவதற்கு வியூ பல்வேறு வழிகளை வழங்குகின்றது.

திசைவித்தல்

தொகு

ஒற்றைப்பக்கப் பயன்பாடுகளின் (SPAs) பாரம்பரிய குறைபாடு என்பது ஒரு குறிப்பிட்ட வலைப்பக்கத்திற்குள் சரியான "துணை" பக்கத்திற்கான இணைப்புகளைப் பகிர இயலாமையே.

சூழ்நிலை மண்டலம்

தொகு

கருவிகளும், ஏடகங்களும் உள்ளக ஏடகக் கருவியுடன் இணைந்து வருகின்றது. முதன்மைக் குழுவாலும் பங்களிப்பாளராலும் இவ்விரண்டும் உருவாக்கப்பட்டது.

அதிகாரமுறைக் கருவி

தொகு
  • Devtools - வியூ ஜேஎஸ் பயன்பாடுகளைப் பிழைதிருத்துவதற்கான உலாவி devtools நீட்டிப்பு
  • Vite' - விரைவான வியூ ஜேஎஸ் மேம்பாட்டிற்கான நிலையான கருவி
  • Vue Loader - ஒற்றைக் கோப்பு கூறுகள் (SFC) எனப்படும் வடிவத்தில் வியூ கூறுகளை எழுத அனுமதிக்கும் வலைப்பொதி ஏற்றி

அதிகாரமுறை நிரலகம்

தொகு
  • Vue Router – அதிகாரமுறைத் திசைவி
  • Vuex – ஃப்ளக்ஸ் ஆல் ஈர்க்கப்பட்டு மையப்பாடுற்ற நிலை மேலாண்மை
  • Vue Server Renderer – வழங்கன் பக்க மீட்தருகை
  • Pinia – புது எளிய நிலை மேலாண்மை
  1. "First Week of Launching Vue.js". Evan You.
  2. "core/changelogs/CHANGELOG-3.4.md at main · vuejs/core". GitHub.
  3. "Vue.js Releases". GitHub. April 14, 2022.
  4. "vue/LICENSE". Vue.js. பார்க்கப்பட்ட நாள் April 17, 2017 – via GitHub.
  5. "Announcing Vue 3.4". Vue.js. December 28, 2023. Archived from the original on March 24, 2024. பார்க்கப்பட்ட நாள் 1 September 2024.
  6. "Announcing Vue 3.4". Vue.js. December 28, 2023. Archived from the original on March 24, 2024. பார்க்கப்பட்ட நாள் 29 March 2024.
  7. "Announcing Vue 3.4". Vue.js. December 28, 2023. Archived from the original on March 24, 2024. பார்க்கப்பட்ட நாள் 29 March 2024.
  8. "v3.3.0 Rurouni Kenshin". Vue.js (in ஆங்கிலம்). May 11, 2023. Archived from the original on December 13, 2023. பார்க்கப்பட்ட நாள் 2023-05-12 – via GitHub.
  9. "v3.2.0 Quintessential Quintuplets". Vue.js (in ஆங்கிலம்). August 5, 2021. பார்க்கப்பட்ட நாள் August 10, 2021 – via GitHub.
  10. "v3.1.0 Pluto". Vue.js (in ஆங்கிலம்). June 7, 2021. பார்க்கப்பட்ட நாள் July 18, 2021 – via GitHub.
  11. "v3.0.0 One Piece". Vue.js (in ஆங்கிலம்). September 18, 2020. பார்க்கப்பட்ட நாள் September 23, 2020 – via GitHub.
  12. "v2.6.0 Macross". Vue.js (in ஆங்கிலம்). February 4, 2019. பார்க்கப்பட்ட நாள் September 23, 2020 – via GitHub.
  13. "v2.5.0 Level E". Vue.js (in ஆங்கிலம்). October 13, 2017. பார்க்கப்பட்ட நாள் September 23, 2020 – via GitHub.
  14. "v2.4.0 Kill la Kill". Vue.js (in ஆங்கிலம்). July 13, 2017. பார்க்கப்பட்ட நாள் September 23, 2020 – via GitHub.
  15. "v2.3.0 JoJo's Bizarre Adventure". Vue.js (in ஆங்கிலம்). April 27, 2017. பார்க்கப்பட்ட நாள் September 23, 2020 – via GitHub.
  16. "v2.2.0 Initial D". Vue.js (in ஆங்கிலம்). February 26, 2017. பார்க்கப்பட்ட நாள் September 23, 2020 – via GitHub.
  17. "v2.1.0 Hunter X Hunter". Vue.js (in ஆங்கிலம்). November 22, 2016. பார்க்கப்பட்ட நாள் September 23, 2020 – via GitHub.
  18. "v2.0.0 Ghost in the Shell". Vue.js (in ஆங்கிலம்). September 30, 2016. பார்க்கப்பட்ட நாள் September 23, 2020 – via GitHub.
  19. "1.0.0 Evangelion". Vue.js (in ஆங்கிலம்). October 27, 2015. பார்க்கப்பட்ட நாள் September 23, 2020 – via GitHub.
  20. "0.12.0: Dragon Ball". Vue.js (in ஆங்கிலம்). June 12, 2015. பார்க்கப்பட்ட நாள் September 23, 2020 – via GitHub.
  21. "v0.11.0: Cowboy Bebop". Vue.js (in ஆங்கிலம்). November 7, 2014. பார்க்கப்பட்ட நாள் September 23, 2020 – via GitHub.
  22. "v0.10.0: Blade Runner". Vue.js (in ஆங்கிலம்). March 23, 2014. பார்க்கப்பட்ட நாள் September 23, 2020 – via GitHub.
  23. "v0.9.0: Animatrix". Vue.js (in ஆங்கிலம்). February 25, 2014. பார்க்கப்பட்ட நாள் September 23, 2020 – via GitHub.
  24. "v0.8.0". Vue.js (in ஆங்கிலம்). January 27, 2014. பார்க்கப்பட்ட நாள் September 23, 2020 – via GitHub.
  25. "v0.7.0". Vue.js (in ஆங்கிலம்). December 24, 2013. பார்க்கப்பட்ட நாள் September 23, 2020 – via GitHub.
  26. "0.6.0: VueJS". Vue.js (in ஆங்கிலம்). December 8, 2013. பார்க்கப்பட்ட நாள் September 23, 2020 – via GitHub.
"https://ta.wikipedia.org/w/index.php?title=வியூ_ஜேஎஸ்&oldid=4094691" இலிருந்து மீள்விக்கப்பட்டது