使用虚拟用户.js与后台进行数据交互的方法是使用vue资源组件提供的一系列api:
get(url,[数据],[成功],[选项])
post(url,[数据],[成功],[选项])
put(url,[数据],[成功],[选项])
patch(url,[数据],[成功],[选项])
delete(url,[数据],[success
,[options
]jsonp(url,[data],[success],[options
]具体示例如下:
1。导入vue资源
2。基于全局vue对象,使用http
//通过someurl获取后台数据,成功后执行代码vue.http.get获取(“/someurl”,[选项])。然后(successcallback,errorcallback)
3。在vue实例中使用$http
//$http是vue本地范围中的实例
此$http.get获取(“/someurl”,[选项])。then(successcallback,errorcallback)
注意:发送请求后,使用then方法处理响应结果。then方法有两个参数,第一个参数是响应成功时的回调函数,第二个参数是响应失败时的回调函数。
我们可以通过vuex在组件(包括数组对象)之间传输参数。这也是笔者的建议。大型项目管理中的状态太多,无法通过url传递参数。使用vue路由器是一个单页应用程序,页面尚未刷新,请将变量放入窗口。所有组件都可以访问它。
子组件在props中定义数据,然后父组件传递数据,例如:
子组件:
props:{
show:{默认值:false
}
}
父组件:
parentshow是父组件定义的数据
最近,我做了类似的事情。我在okoala/vueantd学了一种方法。首先,父组件传入一个“render”函数来描述要动态生成的子组件。相关代码如下:
然后,在相应的“table”组件中,使用“$compile”呈现相应的“render”,并将其插入相应的位置。在这里,我们需要注意的是编译范围。我们需要使用父组件来编译。否则,我们无法绑定父组件的事件。相关代码如下:
~应用程序.vue在引入组件acomponent之后,您可以应用程序.vue注意驼峰写应该改成组件a写,因为html对大小写不敏感,组件a和组件a是一样的,不容易区分,所以使用小写的书写方法。