vue-get-参数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>智能社——http://www.zhinengshe.com</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <style>

    </style>
    <script src="vue.js"></script>
    <script src="vue-resource.js"></script>
    <script>
        window.onload=function(){
            new Vue({
                el:‘body‘,
                data:{

                },
                methods:{
                    get:function(){
                        this.$http.get(‘get.php‘,{
                            a:1,
                            b:2
                        }).then(function(res){
                            alert(res.data);
                        },function(res){
                            alert(res.status);
                        });
                    }
                }
            });
        };
    </script>
</head>
<body>
    <input type="button" value="按钮" @click="get()">
</body>
</html>
<?php
$a=$_GET[‘a‘];
$b=$_GET[‘b‘];
echo $a+$b;
?>
时间: 2024-08-09 02:45:34

vue-get-参数的相关文章

vue router 参数获取

vue router 参数获取通常是通过$route.query和$route.params方法这里将这两种方式通过代码展示出来: 路由代码: import Vue from 'vue' import Router from 'vue-router' import Home from './views/Home.vue' import UserAdd from './components/UserAdd' import UserList from './components/UserList'

Vue的参数请求与传递

Vue不同模板之间的参数传递 页面路由带参数的跳转: 参数接收: Vue向服务器请求资源的两种方式 VUE-RESOURCE 1.Vue.js是数据驱动的,这使得我们并不需要直接操作DOM,如果我们不需要使用jQuery的DOM选择器,就没有必要引入jQuery.vue-resource是Vue.js的一款插件,它可以通过XMLHttpRequest或JSONP发起请求并处理响应.也就是说,$.ajax能做的事情,vue-resource插件一样也能做到,而且vue-resource的API更为

Vue——组件参数校验与非Props特性

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>组件参数校验与非Props特性</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div

[vue]传递参数与重定向

传递参数与重定向 Main.vue <!--name:对应index.js中router的name, params:传参--> <router-link :to="{name: 'UserProfile', params: {id: 1}}">个人信息</router-link> index.js的router { path: '/user/Profile/:id', name: 'UserProfile', component: UserProfi

Vue computed参数与各生命周期关系(主要是异步的时候)

前面聊了vue生命周期与路由的先后顺序,现在聊聊computed与各生命周期.先聊一下需求背景,我在做一个图表的时候遇到了,我将图表样式封装为一个组件,然后各个地方需要的时候将数据通过props传入到组件自动画图.因为我这个数据会变化,我的方法里面又有比较多的方法了,就像弄到计算属性里面去,这样在data里面也可以少定义一个属性,然后问题就来了.我在子组件里面读取的props竟然是未定义!!这个问题留到后面解释. 上次我们知道了父组件子组件生命周期的关系,同理我在computed当中定义了一个属

vue 路由参数变化,页面不更新的问题

监控$route <script> export default { data() { return { setMealId: 0, setMealTypes: [ {type: 'A', newPrice: 255, oldPrice: 752}, {type: 'B', newPrice: 120, oldPrice: 560}, {type: 'C', newPrice: 325, oldPrice: 699}, ], setMealItems: [ {imgSrc: require('

【前端小小白的学习之路】vue学习记录④(路由传参)

通过上篇文章对路由的工作原理有了基本的了解,现在我们一起来学习路由是如何传递参数的,也就是带参数的跳转. 带参数的跳转,一般是两种方式: ①.a标签直接跳转. ②点击按钮,触发函数跳转. 在上篇文章中我们已经有两个页面(Helloworld.vue&Hello.vue),现在我准备往Hello.vue里面添加3个链接,分别对应两种情况的跳转.  第一步:在原来的Hello.vue里添加路由链接跳转的代码(见第38-44行代码),添加后的Hello.vue代码如下: 1 <template&g

一周一个小demo — vue.js实现备忘录功能

这个vue实现备忘录的功能demo是K在github上找到的,K觉得这是一个用来对vue.js入门的一个非常简单的demo,所以拿在这里共享一下. (尊重他人劳动成果,从小事做起~  demo原github地址:https://github.com/vuejs/vue) 一.实现效果 二.代码展示 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>备忘录&l

VUE的路由器的总结

vue的路由器,我们在使用vue进行开发的时候,是必须用到的一个vue自带的组件,下面进行vue经常的操作的一些说明 1.vue-router的安装 在命令行里面使用 cnpm install vue-router --save命令进行安装 在main.js或者其他使用vue-router的地方,通过import来导入  import VRouter from 'vue-router' //使用vue.use来注册使用VRouter插件Vue.use(VRouter); import Vue f

vue漫漫踩坑路

// 一些在学习vue时遇到的问题--这篇随笔更像是我自己的学习笔记(写写东西加深理解  更多的是给自己看的  里面可能会有些理解上的错误欢迎指出--感谢) 1. 注册全局组件必须在Vue实例之前(通常指vm之前),是为了保证注册的全局组件在任意的实例中都可以使用 2. Vue.component(参数一,参数二),参数一为要注册的全局组件的名称,参数二的类型可以为一个对象还可以为一个构造函数 3. Vue.extend 扩展 实例 构造器(个人理解就是创建简化了的vm,一般用来创建全局组件)