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

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

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

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

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

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

பதிப்புகள்

கூறுகள் 

<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>

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

படிவ நிரலாக்க மொழிகள்
தமிழ்க் கணிமை நிரல் எடுத்துக்காட்டுக்கள் உள்ள கட்டுரைகள்
viyū jeès èṉbhadhu dhiṟandha mūla muṉṉandha yāvāghghiṟiḍhḍhu ghaḍhḍhamaibhbhāghuṃ. urubhbhaḍhivaṃ-dhoṟṟaṃ-dhoṟṟamādhiri èṉṟa mèṉbhòruḻ ghaḍhḍhamaibhbhu muṟaiyaigh ghòṇḍhu bhayaṉar iḍhaimughaṅghaḻaiyuṃ, òṟṟaibhbhaghgha bhayaṉbhāḍhughaḻaiyuṃ ghaḍhḍhamaighghabh bhayaṉbhaḍhughiṉṟadhu. ivāṉ yū èṉbhavarāl iḥdhu uruvāghghabhbhaḍhḍhadhu, meluṃ avaruṃ maṟṟa jhèyaliluḻḻa mudhaṉmaighghul̤u uṟubhbhiṉarghaḻāluṃ adhu bharāmarighghabhbhaḍhughiṉṟadhu.

meloḍhḍhaṃ  
viyū jeès bhèrughiya muṟaiyil māṟṟiyamaidhdhugh ghòḻḻadhdhaghgha ghaḍhḍhamaibhbhaijh jhiṟabhbhiyalbhughaḻāghagh ghòṇḍhuḻḻadhu. aḥdhu aṟividhdha mīḻdharughai, āghghaghghūṟu ghūḍhḍhamaivu āghiyavaṟṟiṉ mīdhu ghavaṉaṃ jhèludhdhughiṉṟadhu. inniralaghaṃ dhoṟṟabhbhaḍhughai mīdhu maḍhḍhuṃ ghavaṉaṃ jhèludhdhughiṟadhu. èḻidhaṟṟa bhayaṉbhāḍhughaḻughghudh dhevaiyāṉa meṃbhaḍhudhdhabhbhaḍhḍha jhiṟabhbhiyalbhughaḻāghiya dhijhaividhdhal, nilai melāṇmai, ghaḍhḍhamaibhbhu muṟaimai bhoṉṟavai aluvalāghabh bharāmarighghabhbhaḍhuṃ òdhdhul̤aibhbhu niralaghaṅghaḻ, dhòghubhbhughaḻ mūlaṃ aḻighghabhbhaḍhuṃ.  

viyū jeès mīyuraigh ghuṟiyiḍhu mòl̤iyiṉ iyaṟbhaṇbhughaḻ èṉabhbhaḍhuṃ bhòdhughghaḍhḍhaḻaighaḻuḍhaṉ nīḍhḍhighgha aṉumadhighghiṟadhu. bhòdhughghaḍhḍhaḻaighaḻ HTML bhayaṉbhāḍhughaḻughghāṉajh jhèyaṟbhāḍhḍhai val̤aṅghughiṉṟaṉa. meluṃ, avai uḻḻamaighghabhbhaḍhḍha alladhu bhayaṉar varaiyaṟughghabhbhaḍhḍha bhòdhughghaḍhḍhaḻaighaḻāghavuṃ varuṃ.

varalāṟu 
viyū ivāṉ yū èṉbhavarāl uruvāghghabhbhaḍhḍhadhu. avar ghūghuḻ niṟuvaṉadhdhil bhala dhiḍhḍhaṅghaḻil āṅghular aibh bhayaṉbhaḍhudhdhi bhaṇibhurindha bhiṟaghu adhai uruvāghghiṉār. bhiṉṉar avar dhaṉadhu jhindhaṉai jhèyaṟmuṟaiyaijh jhurughghamāghagh ghūṟiṉār: "āṅghular aibh bhaṟṟi nāṉ mighavuṃ viruṃbhuṃ bhaghudhiyaibh bhiridhdhèḍhudhdhu, mighavuṃ ilaghuvāṉa òṉṟai uruvāghgha muḍhindhāl èṉṉa? èṉa nāṉ èṇṇiṉeṉ".

jhūlai 2013 aṉṟu mudhal mūla niraṟdhòḍhar jherbhbhighghabhbhaḍhḍhadhu; aḍhudhdha bhibhravari 2014 aṉṟu viyū mudhaṉmudhalil vèḻiyiḍhabhbhaḍhḍhadhu.

bhadhibhbhubh bhèyarghaḻ bhèruṃbhāluṃ maṅghā, aṉimeṣilirundhu bhèṟabhbhaḍhughiṉṟaṉa, avaṟṟil bhèruṃbhālāṉavai aṟiviyal bhuṉaighadhai vaghaighghuḻ uḻḻaṉa.

bhadhibhbhughaḻ

ghūṟughaḻ 

<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>

jhūl̤nilai maṇḍhalaṃ 
gharuvighaḻuṃ, eḍhaghaṅghaḻuṃ uḻḻagha eḍhaghagh gharuviyuḍhaṉ iṇaindhu varughiṉṟadhu. mudhaṉmaigh ghul̤uvāluṃ bhaṅghaḻibhbhāḻarāluṃ ivviraṇḍhuṃ uruvāghghabhbhaḍhḍhadhu.

bhaḍhiva niralāghgha mòl̤ighaḻ
dhamil̤gh ghaṇimai niral èḍhudhdhughghāḍhḍhughghaḻ uḻḻa ghaḍhḍhuraighaḻ
வியூ ஜேஎஸ்