Hi，大家好，我是编程小6，很荣幸遇见你，我把这些年在开发过程中遇到的问题或想法写出来，今天说一说用vue写 表单提交并展示,希望能够帮助你!!!。

页面头部中需要引入一个vue.js文件

<script type="text/javascript" src="http://cdn.staticfile.org/vue/2.6.4/vue.min.js"></script>

html部分 就截图了

vue:

<script>
var vm=new Vue({
 el:'#app',
 data:{
 'name':'',
 'message':'',
 lists:[] //可以有默认值，我这 此三处都为空
 },
 methods:{
 add:function(){
 if(this.name== '' || this.message=='') return; //如果为空
 this.lists.push({name:this.name,message:this.message}); //push到列表中
 this.name=''; //添加完成后，input中内容也为空
 this.message='';
 }
 }
})
</script> 

最后样式：

今天的分享到此就结束了，感谢您的阅读，如果确实帮到您，您可以动动手指转发给其他人。