Vue.js - Revision history

24.117.48.149: /* Versions */

2025-05-27T14:23:23Z

Versions

← Previous revision		Revision as of 14:23, 27 May 2025
Line 68:		Line 68:
	\| 2.2 \|\| {{dts\|2017-02-26}} \|\| [[Initial D]]<ref>{{cite web \|url=https://github.com/vuejs/vue/releases/tag/v2.2.0 \|title=v2.2.0 Initial D \|date=February 26, 2017 \|via=GitHub \|work=Vue.js \|access-date=September 23, 2020 \|language=en \|archive-date=April 13, 2021 \|archive-url=https://web.archive.org/web/20210413135052/https://github.com/vuejs/vue/releases/tag/v2.2.0 \|url-status=live }}</ref> \|\| \|\|		\| 2.2 \|\| {{dts\|2017-02-26}} \|\| [[Initial D]]<ref>{{cite web \|url=https://github.com/vuejs/vue/releases/tag/v2.2.0 \|title=v2.2.0 Initial D \|date=February 26, 2017 \|via=GitHub \|work=Vue.js \|access-date=September 23, 2020 \|language=en \|archive-date=April 13, 2021 \|archive-url=https://web.archive.org/web/20210413135052/https://github.com/vuejs/vue/releases/tag/v2.2.0 \|url-status=live }}</ref> \|\| \|\|
	\|-		\|-
	\| 2.1 \|\| {{dts\|2016-11-22}} \|\| [[Hunter X Hunter]]<ref>{{cite web \|url=https://github.com/vuejs/vue/releases/tag/v2.1.0 \|title=v2.1.0 Hunter X Hunter \|date=November 22, 2016 \|via=GitHub \|work=Vue.js \|access-date=September 23, 2020 \|language=en \|archive-date=November 8, 2020 \|archive-url=https://web.archive.org/web/20201108094602/https://github.com/vuejs/vue/releases/tag/v2.1.0 \|url-status=live }}</ref> \|\| \|\|		\| 2.1 \|\| {{dts\|2016-11-22}} \|\| [[Hunter × Hunter]]<ref>{{cite web \|url=https://github.com/vuejs/vue/releases/tag/v2.1.0 \|title=v2.1.0 Hunter X Hunter \|date=November 22, 2016 \|via=GitHub \|work=Vue.js \|access-date=September 23, 2020 \|language=en \|archive-date=November 8, 2020 \|archive-url=https://web.archive.org/web/20201108094602/https://github.com/vuejs/vue/releases/tag/v2.1.0 \|url-status=live }}</ref> \|\| \|\|
	\|-		\|-
	\| 2.0 \|\| {{dts\|2016-09-30}} \|\| [[Ghost in the Shell]]<ref>{{cite web \|url=https://github.com/vuejs/vue/releases/tag/v2.0.0 \|title=v2.0.0 Ghost in the Shell \|date=September 30, 2016 \|via=GitHub \|work=Vue.js \|access-date=September 23, 2020 \|language=en \|archive-date=October 27, 2020 \|archive-url=https://web.archive.org/web/20201027193218/https://github.com/vuejs/vue/releases/tag/v2.0.0 \|url-status=live }}</ref> \|\| \|\|		\| 2.0 \|\| {{dts\|2016-09-30}} \|\| [[Ghost in the Shell]]<ref>{{cite web \|url=https://github.com/vuejs/vue/releases/tag/v2.0.0 \|title=v2.0.0 Ghost in the Shell \|date=September 30, 2016 \|via=GitHub \|work=Vue.js \|access-date=September 23, 2020 \|language=en \|archive-date=October 27, 2020 \|archive-url=https://web.archive.org/web/20201027193218/https://github.com/vuejs/vue/releases/tag/v2.0.0 \|url-status=live }}</ref> \|\| \|\|

Frap at 13:11, 24 April 2025

2025-04-24T13:11:17Z

← Previous revision		Revision as of 13:11, 24 April 2025
Line 13:		Line 13:
	\| programming language = [[TypeScript]]		\| programming language = [[TypeScript]]
	\| platform = [[Web platform]]		\| platform = [[Web platform]]
			\| included with = [[Laravel]]
	\| size = 33.9 KB [[Minification (programming)\|min]]+[[gzip]]<ref>{{cite web \|title=@vue/runtime-dom v3.2.45 \|url=https://bundlephobia.com/package/@vue/runtime-dom \|access-date=2023-01-29 \|website=Bundlephobia \|language=en \|archive-date=January 29, 2023 \|archive-url=https://web.archive.org/web/20230129213124/https://bundlephobia.com/package/@vue/runtime-dom \|url-status=live }}</ref>		\| size = 33.9 KB [[Minification (programming)\|min]]+[[gzip]]<ref>{{cite web \|title=@vue/runtime-dom v3.2.45 \|url=https://bundlephobia.com/package/@vue/runtime-dom \|access-date=2023-01-29 \|website=Bundlephobia \|language=en \|archive-date=January 29, 2023 \|archive-url=https://web.archive.org/web/20230129213124/https://bundlephobia.com/package/@vue/runtime-dom \|url-status=live }}</ref>
	\| genre = [[JavaScript library]]		\| genre = [[JavaScript library]]

Ngyikp: /* top */ change latest version to use Wikidata

2025-03-31T12:52:42Z

top: change latest version to use Wikidata

← Previous revision		Revision as of 12:52, 31 March 2025
Line 9:		Line 9:
	\| developer = Evan You and the Core Team<ref>{{cite web \|url=https://vuejs.org/about/team \|title=Vue.js \|website=vuejs.org}}</ref>		\| developer = Evan You and the Core Team<ref>{{cite web \|url=https://vuejs.org/about/team \|title=Vue.js \|website=vuejs.org}}</ref>
	\| released = {{Start date and age\|2014\|2}}<ref>{{cite web \|url=http://blog.evanyou.me/2014/02/11/first-week-of-launching-an-oss-project/ \|title=First Week of Launching Vue.js \|website=Evan You \|access-date=March 11, 2017 \|archive-date=February 5, 2019 \|archive-url=https://web.archive.org/web/20190205111451/https://blog.evanyou.me/2014/02/11/first-week-of-launching-an-oss-project/ \|url-status=live }}</ref>		\| released = {{Start date and age\|2014\|2}}<ref>{{cite web \|url=http://blog.evanyou.me/2014/02/11/first-week-of-launching-an-oss-project/ \|title=First Week of Launching Vue.js \|website=Evan You \|access-date=March 11, 2017 \|archive-date=February 5, 2019 \|archive-url=https://web.archive.org/web/20190205111451/https://blog.evanyou.me/2014/02/11/first-week-of-launching-an-oss-project/ \|url-status=live }}</ref>
			\| latest release version = {{wikidata\|property\|reference\|edit\|P348}}
	\| latest release version = 3.5.13<ref>{{cite web \|url=https://github.com/vuejs/core/blob/main/CHANGELOG.md#3513-2024-11-15 \|title=Changelog 3.5.13 (2024-11-15) \|website=GitHub}}</ref>
	\| latest release date = {{Start date and age\|~~2024~~\|11\|15}}		\| latest release date = {{Start date and age\|{{wikidata\|qualifier\|P348\|P577}}}}
	\| programming language = [[TypeScript]]		\| programming language = [[TypeScript]]
	\| platform = [[Web platform]]		\| platform = [[Web platform]]

Ed g2s: replace template with real tag. replace non-existent "vue" lang with "html"

2025-02-27T16:16:09Z

replace template with real tag. replace non-existent "vue" lang with "html"

← Previous revision		Revision as of 16:16, 27 February 2025
Line 95:		Line 95:
	Vue components extend basic [[HTML element]]s to encapsulate reusable code. At a high level, components are custom elements to which the Vue's compiler attaches behavior. In Vue, a component is essentially a Vue instance with pre-defined options.<ref>{{cite web \|url=https://vuejs.org/guide/essentials/component-basics.html \|title=Components \|website=Vuejs.org \|access-date=March 11, 2017 \|language=en \|archive-date=February 10, 2022 \|archive-url=https://web.archive.org/web/20220210121233/https://vuejs.org/guide/essentials/component-basics.html \|url-status=live }}</ref>		Vue components extend basic [[HTML element]]s to encapsulate reusable code. At a high level, components are custom elements to which the Vue's compiler attaches behavior. In Vue, a component is essentially a Vue instance with pre-defined options.<ref>{{cite web \|url=https://vuejs.org/guide/essentials/component-basics.html \|title=Components \|website=Vuejs.org \|access-date=March 11, 2017 \|language=en \|archive-date=February 10, 2022 \|archive-url=https://web.archive.org/web/20220210121233/https://vuejs.org/guide/essentials/component-basics.html \|url-status=live }}</ref>
	The code snippet below contains an example of a Vue component. The component presents a button and prints the number of times the button is clicked:		The code snippet below contains an example of a Vue component. The component presents a button and prints the number of times the button is clicked:
	{{syntaxhighlight\|lang=~~vue\|code=~~		<syntaxhighlight lang="html">
	<!doctype html>		<!doctype html>
	<html>		<html>
Line 164:		Line 164:
	</body>		</body>
	</html>		</html>
			</syntaxhighlight>
	}}

	=== Templates ===		=== Templates ===

Citation bot: Add: website, authors 1-1. Removed parameters. Some additions/deletions were parameter name changes. | Use this bot. Report bugs. | Suggested by Abductive | Category:Free-content attribution | #UCB_Category 772/883

2025-02-18T04:32:45Z

Add: website, authors 1-1. Removed parameters. Some additions/deletions were parameter name changes. | Use this bot. Report bugs. | Suggested by Abductive | Category:Free-content attribution | #UCB_Category 772/883

← Previous revision		Revision as of 04:32, 18 February 2025
Line 26:		Line 26:

	== History ==		== History ==
	Vue was created by Evan You after working for [[Google]] using [[AngularJS]] in several projects. He later summed up his thought process: "I figured, what if I could just extract the part that I really liked about Angular and build something really lightweight."<ref>{{cite news \|url=https://betweenthewires.org/2016/11/03/evan-you/ \|archive-url=https://web.archive.org/web/20170603052649/https://betweenthewires.org/2016/11/03/evan-you/ \|url-status=dead \|archive-date=June 3, 2017 \|title=Evan You \|date=November 3, 2016 \|work=Between the Wires \|access-date=August 26, 2017 \|language=en}}</ref> The first source code commit to the project was dated July 2013, at which time it was originally named "Seed".<ref name=":2">{{Cite book \|~~last~~=贾 \|~~first~~=志杰 \|title=剑指大前端全栈工程师 \|last2=史 \|first2=广 \|last3=赵 \|first3=东 \|year=2023 \|isbn=9787302617594 \|language=zh-CN \|trans-title=Aspiring Frontend: Full-Stack Engineer}}</ref> Vue was first publicly announced the following February, in 2014.<ref name=":0">{{Cite web \|date=2014-02-03 \|title=Vue.js: JavaScript MVVM made simple \|url=https://news.ycombinator.com/item?id=7169288 \|access-date=2023-01-29 \|website=Hacker News \|archive-date=January 29, 2023 \|archive-url=https://web.archive.org/web/20230129215705/https://news.ycombinator.com/item?id=7169288 \|url-status=live }}</ref><ref name=":1">{{Cite web \|date=2014-02-11 \|title=First Week of Launching Vue.js \|url=http://blog.evanyou.me/2014/02/11/first-week-of-launching-an-oss-project/index.html \|access-date=2023-01-29 \|website=Evan You \|archive-date=April 12, 2017 \|archive-url=https://web.archive.org/web/20170412110312/http://blog.evanyou.me/2014/02/11/first-week-of-launching-an-oss-project/index.html \|url-status=live }}</ref>		Vue was created by Evan You after working for [[Google]] using [[AngularJS]] in several projects. He later summed up his thought process: "I figured, what if I could just extract the part that I really liked about Angular and build something really lightweight."<ref>{{cite news \|url=https://betweenthewires.org/2016/11/03/evan-you/ \|archive-url=https://web.archive.org/web/20170603052649/https://betweenthewires.org/2016/11/03/evan-you/ \|url-status=dead \|archive-date=June 3, 2017 \|title=Evan You \|date=November 3, 2016 \|work=Between the Wires \|access-date=August 26, 2017 \|language=en}}</ref> The first source code commit to the project was dated July 2013, at which time it was originally named "Seed".<ref name=":2">{{Cite book \|last1=贾 \|first1=志杰 \|title=剑指大前端全栈工程师 \|last2=史 \|first2=广 \|last3=赵 \|first3=东 \|year=2023 \|isbn=9787302617594 \|language=zh-CN \|trans-title=Aspiring Frontend: Full-Stack Engineer}}</ref> Vue was first publicly announced the following February, in 2014.<ref name=":0">{{Cite web \|date=2014-02-03 \|title=Vue.js: JavaScript MVVM made simple \|url=https://news.ycombinator.com/item?id=7169288 \|access-date=2023-01-29 \|website=Hacker News \|archive-date=January 29, 2023 \|archive-url=https://web.archive.org/web/20230129215705/https://news.ycombinator.com/item?id=7169288 \|url-status=live }}</ref><ref name=":1">{{Cite web \|date=2014-02-11 \|title=First Week of Launching Vue.js \|url=http://blog.evanyou.me/2014/02/11/first-week-of-launching-an-oss-project/index.html \|access-date=2023-01-29 \|website=Evan You \|archive-date=April 12, 2017 \|archive-url=https://web.archive.org/web/20170412110312/http://blog.evanyou.me/2014/02/11/first-week-of-launching-an-oss-project/index.html \|url-status=live }}</ref>

	Version names are often derived from [[manga]] and [[anime]] series, with the first letters arranged in alphabetical order.		Version names are often derived from [[manga]] and [[anime]] series, with the first letters arranged in alphabetical order.
Line 247:		Line 247:
	Frameworks can introduce abstraction layers that may contribute to performance overhead, larger bundle sizes, and increased complexity. Modern frameworks, such as Vue 3, address these challenges with features like concurrent rendering, tree-shaking, and selective hydration. While these advancements improve rendering efficiency and resource management, their benefits depend on the specific application and implementation context. Lightweight frameworks, such as Svelte and Preact, take different architectural approaches, with Svelte eliminating the virtual DOM entirely in favor of compiling components to efficient JavaScript code, and Preact offering a minimal, compatible alternative to React. Framework choice depends on an application’s requirements, including the team’s expertise, performance goals, and development priorities. <ref name=":02" /><ref name=":12" /><ref name=":22" />		Frameworks can introduce abstraction layers that may contribute to performance overhead, larger bundle sizes, and increased complexity. Modern frameworks, such as Vue 3, address these challenges with features like concurrent rendering, tree-shaking, and selective hydration. While these advancements improve rendering efficiency and resource management, their benefits depend on the specific application and implementation context. Lightweight frameworks, such as Svelte and Preact, take different architectural approaches, with Svelte eliminating the virtual DOM entirely in favor of compiling components to efficient JavaScript code, and Preact offering a minimal, compatible alternative to React. Framework choice depends on an application’s requirements, including the team’s expertise, performance goals, and development priorities. <ref name=":02" /><ref name=":12" /><ref name=":22" />

	A newer category of web frameworks, including enhance.dev, Astro, and Fresh, leverages native web standards while minimizing abstractions and development tooling. <ref>{{Cite web \|title=Enhance \|url=https://github.com/enhance-dev ~~\|url-status=live~~}}</ref><ref>{{Cite web \|title=Astro framework \|url=https://github.com/withastro/astro ~~\|url-status=live~~}}</ref><ref>{{Cite web \|title=Fresh \|url=https://github.com/denoland/fresh ~~\|url-status=live~~}}</ref> These solutions emphasize [[progressive enhancement]], [[server-side rendering]], and optimizing performance. Astro renders static HTML by default while hydrating only interactive parts. Fresh focuses on server-side rendering with zero runtime overhead. Enhance.dev prioritizes progressive enhancement patterns using Web Components. While these tools reduce reliance on client-side JavaScript by shifting logic to build-time or server-side execution, they still use JavaScript where necessary for interactivity. This approach makes them particularly suitable for performance-critical and content-focused applications. <ref name=":02" /><ref name=":12" /><ref name=":22" />		A newer category of web frameworks, including enhance.dev, Astro, and Fresh, leverages native web standards while minimizing abstractions and development tooling. <ref>{{Cite web \|title=Enhance \|website=[[GitHub]] \|url=https://github.com/enhance-dev }}</ref><ref>{{Cite web \|title=Astro framework \|website=[[GitHub]] \|url=https://github.com/withastro/astro }}</ref><ref>{{Cite web \|title=Fresh \|website=[[GitHub]] \|url=https://github.com/denoland/fresh }}</ref> These solutions emphasize [[progressive enhancement]], [[server-side rendering]], and optimizing performance. Astro renders static HTML by default while hydrating only interactive parts. Fresh focuses on server-side rendering with zero runtime overhead. Enhance.dev prioritizes progressive enhancement patterns using Web Components. While these tools reduce reliance on client-side JavaScript by shifting logic to build-time or server-side execution, they still use JavaScript where necessary for interactivity. This approach makes them particularly suitable for performance-critical and content-focused applications. <ref name=":02" /><ref name=":12" /><ref name=":22" />

	== See also ==		== See also ==

Ngyikp: /* top */ fix release version/date

2025-02-17T15:55:04Z

top: fix release version/date

← Previous revision		Revision as of 15:55, 17 February 2025
Line 9:		Line 9:
	\| developer = Evan You and the Core Team<ref>{{cite web \|url=https://vuejs.org/about/team \|title=Vue.js \|website=vuejs.org}}</ref>		\| developer = Evan You and the Core Team<ref>{{cite web \|url=https://vuejs.org/about/team \|title=Vue.js \|website=vuejs.org}}</ref>
	\| released = {{Start date and age\|2014\|2}}<ref>{{cite web \|url=http://blog.evanyou.me/2014/02/11/first-week-of-launching-an-oss-project/ \|title=First Week of Launching Vue.js \|website=Evan You \|access-date=March 11, 2017 \|archive-date=February 5, 2019 \|archive-url=https://web.archive.org/web/20190205111451/https://blog.evanyou.me/2014/02/11/first-week-of-launching-an-oss-project/ \|url-status=live }}</ref>		\| released = {{Start date and age\|2014\|2}}<ref>{{cite web \|url=http://blog.evanyou.me/2014/02/11/first-week-of-launching-an-oss-project/ \|title=First Week of Launching Vue.js \|website=Evan You \|access-date=March 11, 2017 \|archive-date=February 5, 2019 \|archive-url=https://web.archive.org/web/20190205111451/https://blog.evanyou.me/2014/02/11/first-week-of-launching-an-oss-project/ \|url-status=live }}</ref>
	\| latest release version = 3.5.13 <ref>{{cite web \|url=https://github.com/vuejs/core/blob/main/CHANGELOG.md#~~3512~~-2024-10-~~11%20at%20main%20%C2%B7%20vuejs/core~~ \|title=Changelog 3.5.13 (2024-11-15) \|website=GitHub}}</ref>		\| latest release version = 3.5.13<ref>{{cite web \|url=https://github.com/vuejs/core/blob/main/CHANGELOG.md#3513-2024-11-15 \|title=Changelog 3.5.13 (2024-11-15) \|website=GitHub}}</ref>
	\| latest release date = {{Start date and age\|2024~~\|10~~\|11}}		\| latest release date = {{Start date and age\|2024\|11\|15}}
	\| programming language = [[TypeScript]]		\| programming language = [[TypeScript]]
	\| platform = [[Web platform]]		\| platform = [[Web platform]]

RealEvorp: Rename Nuxt.js to Nuxt

2025-02-11T18:35:52Z

Rename Nuxt.js to Nuxt

← Previous revision		Revision as of 18:35, 11 February 2025
Line 255:		Line 255:
	* [[AngularJS]]		* [[AngularJS]]
	* [[Angular (web framework)\|Angular]]		* [[Angular (web framework)\|Angular]]
	* [[~~Quasar framework\|~~Quasar Framework]]		* [[Quasar Framework]]
	* [[Web framework]]		* [[Web framework]]
	* [[JavaScript library]]		* [[JavaScript library]]
	* [[Model–view–viewmodel~~\|Model–view–ViewModel~~]]		* [[Model–view–viewmodel]]
	* [[Nuxt~~.js~~]]		* [[Nuxt]]

	== Sources ==		== Sources ==

Nytheris: /* History */

2025-02-08T20:39:12Z

History

← Previous revision		Revision as of 20:39, 8 February 2025
Line 28:		Line 28:
	Vue was created by Evan You after working for [[Google]] using [[AngularJS]] in several projects. He later summed up his thought process: "I figured, what if I could just extract the part that I really liked about Angular and build something really lightweight."<ref>{{cite news \|url=https://betweenthewires.org/2016/11/03/evan-you/ \|archive-url=https://web.archive.org/web/20170603052649/https://betweenthewires.org/2016/11/03/evan-you/ \|url-status=dead \|archive-date=June 3, 2017 \|title=Evan You \|date=November 3, 2016 \|work=Between the Wires \|access-date=August 26, 2017 \|language=en}}</ref> The first source code commit to the project was dated July 2013, at which time it was originally named "Seed".<ref name=":2">{{Cite book \|last=贾 \|first=志杰 \|title=剑指大前端全栈工程师 \|last2=史 \|first2=广 \|last3=赵 \|first3=东 \|year=2023 \|isbn=9787302617594 \|language=zh-CN \|trans-title=Aspiring Frontend: Full-Stack Engineer}}</ref> Vue was first publicly announced the following February, in 2014.<ref name=":0">{{Cite web \|date=2014-02-03 \|title=Vue.js: JavaScript MVVM made simple \|url=https://news.ycombinator.com/item?id=7169288 \|access-date=2023-01-29 \|website=Hacker News \|archive-date=January 29, 2023 \|archive-url=https://web.archive.org/web/20230129215705/https://news.ycombinator.com/item?id=7169288 \|url-status=live }}</ref><ref name=":1">{{Cite web \|date=2014-02-11 \|title=First Week of Launching Vue.js \|url=http://blog.evanyou.me/2014/02/11/first-week-of-launching-an-oss-project/index.html \|access-date=2023-01-29 \|website=Evan You \|archive-date=April 12, 2017 \|archive-url=https://web.archive.org/web/20170412110312/http://blog.evanyou.me/2014/02/11/first-week-of-launching-an-oss-project/index.html \|url-status=live }}</ref>		Vue was created by Evan You after working for [[Google]] using [[AngularJS]] in several projects. He later summed up his thought process: "I figured, what if I could just extract the part that I really liked about Angular and build something really lightweight."<ref>{{cite news \|url=https://betweenthewires.org/2016/11/03/evan-you/ \|archive-url=https://web.archive.org/web/20170603052649/https://betweenthewires.org/2016/11/03/evan-you/ \|url-status=dead \|archive-date=June 3, 2017 \|title=Evan You \|date=November 3, 2016 \|work=Between the Wires \|access-date=August 26, 2017 \|language=en}}</ref> The first source code commit to the project was dated July 2013, at which time it was originally named "Seed".<ref name=":2">{{Cite book \|last=贾 \|first=志杰 \|title=剑指大前端全栈工程师 \|last2=史 \|first2=广 \|last3=赵 \|first3=东 \|year=2023 \|isbn=9787302617594 \|language=zh-CN \|trans-title=Aspiring Frontend: Full-Stack Engineer}}</ref> Vue was first publicly announced the following February, in 2014.<ref name=":0">{{Cite web \|date=2014-02-03 \|title=Vue.js: JavaScript MVVM made simple \|url=https://news.ycombinator.com/item?id=7169288 \|access-date=2023-01-29 \|website=Hacker News \|archive-date=January 29, 2023 \|archive-url=https://web.archive.org/web/20230129215705/https://news.ycombinator.com/item?id=7169288 \|url-status=live }}</ref><ref name=":1">{{Cite web \|date=2014-02-11 \|title=First Week of Launching Vue.js \|url=http://blog.evanyou.me/2014/02/11/first-week-of-launching-an-oss-project/index.html \|access-date=2023-01-29 \|website=Evan You \|archive-date=April 12, 2017 \|archive-url=https://web.archive.org/web/20170412110312/http://blog.evanyou.me/2014/02/11/first-week-of-launching-an-oss-project/index.html \|url-status=live }}</ref>

	Version names are often derived from [[manga]] and [[anime]] series.		Version names are often derived from [[manga]] and [[anime]] series, with the first letters arranged in alphabetical order.

	=== Versions ===		=== Versions ===

Smallangryplanet: Copyfix (via WP:JWB)

2025-02-07T15:03:06Z

Copyfix (via WP:JWB)

← Previous revision		Revision as of 15:03, 7 February 2025
Line 88:		Line 88:
	\|}		\|}

	When a new major is released ie v3.y.z, the last minor ie 2.x.y will become a LTS release for 18 months (bug fixes and security patches) and for the following 18 months will be in maintenance mode (security patches only).<ref>{{cite web \|url=https://github.com/vuejs/roadmap \|title=Vue Roadmap \|via=GitHub \|work=Vue.js \|date=November 6, 2022 \|language=en \|access-date=December 10, 2021 \|archive-date=December 10, 2021 \|archive-url=https://web.archive.org/web/20211210095019/https://github.com/vuejs/roadmap \|url-status=live }}</ref>		When a new major is released i.e. v3.y.z, the last minor i.e. 2.x.y will become a LTS release for 18 months (bug fixes and security patches) and for the following 18 months will be in maintenance mode (security patches only).<ref>{{cite web \|url=https://github.com/vuejs/roadmap \|title=Vue Roadmap \|via=GitHub \|work=Vue.js \|date=November 6, 2022 \|language=en \|access-date=December 10, 2021 \|archive-date=December 10, 2021 \|archive-url=https://web.archive.org/web/20211210095019/https://github.com/vuejs/roadmap \|url-status=live }}</ref>

	== Features ==		== Features ==

Jacopo.cappellato: Before this change the link was referencing the JSX section of the "React (software)" page. Now it references the main article page ("JSX (JavaScript)") as it seems more appropriate.

2025-02-06T11:37:34Z

Before this change the link was referencing the JSX section of the "React (software)" page. Now it references the main article page ("JSX (JavaScript)") as it seems more appropriate.

← Previous revision		Revision as of 11:37, 6 February 2025
Line 169:		Line 169:
	Vue uses an [[HTML]]-based template syntax that allows binding the rendered [[Document Object Model\|DOM]] to the underlying Vue instance's data. All Vue templates are valid HTML that can be parsed by specification-compliant browsers and HTML [[Parsing\|parsers]]. Vue compiles the templates into [[virtual DOM]] render functions. A virtual Document Object Model (or "DOM") allows Vue to render components in its memory before updating the browser. Combined with the reactivity system, Vue can calculate the minimal number of components to re-render and apply the minimal amount of DOM manipulations when the app state changes.		Vue uses an [[HTML]]-based template syntax that allows binding the rendered [[Document Object Model\|DOM]] to the underlying Vue instance's data. All Vue templates are valid HTML that can be parsed by specification-compliant browsers and HTML [[Parsing\|parsers]]. Vue compiles the templates into [[virtual DOM]] render functions. A virtual Document Object Model (or "DOM") allows Vue to render components in its memory before updating the browser. Combined with the reactivity system, Vue can calculate the minimal number of components to re-render and apply the minimal amount of DOM manipulations when the app state changes.
	<ref>{{cite news \|last1=Jordan \|first1=John \|title=Vue Admin Template \|url=https://themeselection.com/item/category/vuejs-admin-templates/ \|access-date=16 July 2022}}</ref>		<ref>{{cite news \|last1=Jordan \|first1=John \|title=Vue Admin Template \|url=https://themeselection.com/item/category/vuejs-admin-templates/ \|access-date=16 July 2022}}</ref>
	Vue users can use template syntax or choose to directly write render functions using hyperscript either through function calls or [[~~React~~ (JavaScript ~~library~~)~~#JSX~~\|JSX]].<ref>{{cite web \|url=https://vuejs.org/guide/essentials/template-syntax.html \|title=Template Syntax \|website=Vuejs.org \|access-date=March 11, 2017 \|language=en \|archive-date=February 10, 2022 \|archive-url=https://web.archive.org/web/20220210105315/https://vuejs.org/guide/essentials/template-syntax.html \|url-status=live }}</ref> Render functions allow applications to be built from [[software components]].<ref>{{cite web \|url=https://medium.com/the-vue-point/vue-2-0-is-here-ef1f26acf4b8#77d9 \|title=Vue 2.0 is Here! \|date=September 30, 2016 \|website=The Vue Point \|access-date=March 11, 2017 \|archive-date=March 12, 2017 \|archive-url=https://web.archive.org/web/20170312072632/https://medium.com/the-vue-point/vue-2-0-is-here-ef1f26acf4b8#77d9 \|url-status=live }}</ref>		Vue users can use template syntax or choose to directly write render functions using hyperscript either through function calls or [[JSX (JavaScript)\|JSX]].<ref>{{cite web \|url=https://vuejs.org/guide/essentials/template-syntax.html \|title=Template Syntax \|website=Vuejs.org \|access-date=March 11, 2017 \|language=en \|archive-date=February 10, 2022 \|archive-url=https://web.archive.org/web/20220210105315/https://vuejs.org/guide/essentials/template-syntax.html \|url-status=live }}</ref> Render functions allow applications to be built from [[software components]].<ref>{{cite web \|url=https://medium.com/the-vue-point/vue-2-0-is-here-ef1f26acf4b8#77d9 \|title=Vue 2.0 is Here! \|date=September 30, 2016 \|website=The Vue Point \|access-date=March 11, 2017 \|archive-date=March 12, 2017 \|archive-url=https://web.archive.org/web/20170312072632/https://medium.com/the-vue-point/vue-2-0-is-here-ef1f26acf4b8#77d9 \|url-status=live }}</ref>

	=== Reactivity ===		=== Reactivity ===