vue把输入框的内容添加到页面的实例以及相关知识点

vue把输入框的内容添加到页面的实例以及相关知识点

　　Vue将输入框的内容添加到页面示例中以进行解释

　　更新时间：2019年11月11日14:46:20作者：严曦

　　在本文文章中，为每个人编译的编辑器都是关于Vue将输入框的内容添加到页面和相关知识点（需要学习的朋友）的。

　　Vue最简单，最简单的演示（记住要介绍）

　　实例化一个vue，绑定#app的元素，并使用数组arr呈现为数据。

　　将arr项呈现到页面上，输入内容，然后单击按钮以将用户输入的内容添加到页面和数组中

Title

<p>click to add input's content

add

{{item}}

const test = new Vue({

el :'#app',

data : {

arr : ['first','second','third','forth']

}

});

console.log(test.arr);

btn.onclick = function(){

test.arr.push(inp.value);

};

</p>

　　在输入框中输入内容，然后单击按钮以将内容呈现到页面。同时会增加数组的元素

　　以上是在Vue这次介绍的页面上添加输入框内容的示例内容。感谢您对Script House的学习和支持。