We can use native JavaScript .close() property to close the current open window. Here in this tutorial, We are going to explain how you can close the current open window in Vuejs. You can use our online editor to edit and close the current window.

Vue.js Close Window Example

Here is an example of open and close the current window-

	Open Window
	

	Close Window

We can use native JavaScript window.open property to open a link(url) in new tab. Here in this tutorial, we are going to explain how you can use this property to open a link in new tab.

Vue.js Open link in new tab JavaScript Example

Here in an example of opening url in new tab in Vue.js –

	Click Me

 

We can use native JavaScript split() method to convert string to array in vue.js. Here in this tutorial, we are going to explain how you can convert a string to Array in Vue.js.

Vue.Js Convert string to Array JavScript Example

Here is an example of split method in Vue.js-

 



	
String = {{ str }}
	
Array = {{result}}
	Click Me

        

                                                        

Output of above example-

We can set checkbox checked in vue.js using v-model.

Vue.js set checkbox checked Example

Set v-model to true to make checkbox as checked. Here is an example of checkbox checked state.-

	

	
{{isChecked}}

	Click Me

Output of above example-

We can use native JavaScript length property to Vue.js Count Array Items. Here in this tutorial, we are going to explain how you can use this property to count Array items in vue.js. You can also use our online editor to edit and run the code online.

Vue.js Count Array Items Example

Here is an example of length property in vue.js-

	
item 1 = {{ item1 }}
	
Length = {{result}}

	Click Me

Output of above example-

We can use disable attribute to enable and disable the button conditionally. Here in this tutorial, we are going to explain how you can use this attribute in vuejs to make a button enabled or disabled.

Vue.js enable disable button Example

You can make a button enabled or disabled simply using the below-

	
	
	Enable/Disable

 

Output of above example-

This method adds the new elements at the beginning of array. Here in this tutorial, we are going to explain how you can use this function to add new elements at beginning of an array in vue.js. You can also use our online editor to edit and run the code online.

Vue.js Array Unshift Method Example

You can use the unshift method in vuejs array simply as below-

	
item 1 = {{ item1 }}
	
	Click Me

 

Output of above example-

This method removes an element from the beginning of array.

Vue.js Array Shift Method Example

Here is an example of JavaScript Array Shift method in Vue.JS-

	
item 1 = {{ item1 }}
	
	Click Me

 

Output of above example-

This method selects the elements from an array and returns the array of selected elements. Here in this tutorial, we are going to explain how to use slice method in VueJs. You can use our online editor to edit and run the demo online.

Vue.Js Array Slice Method Example Example

Here is an example of JavaScript slice function in VueJs-

	
item 1 = {{ item1 }}
	
	
Result = {{result}}
	Click Me

 

Output of above example-