1、定义两个变量age和name，使用request对象设置数据，再用el表达式获取数据

在JavaScript的前端框架Vue.js中，假设你有一个`data`对象初始化，并想通过`axios`发起一个请求来获取数据，然后在模板（HTML）中使用`v-bind`或`{{ }}`（也称为“双大括号”）表达式来显示数据。首先，你需要安装`axios`库（如果还没安装）：

npm install axios

然后在Vue组件的`data`选项中定义变量：

export default {
  data() {
    return {
      age: '',
      name: ''
    };
  },
  //...
};

在`methods`对象里发起请求：

methods: {
  fetchData() {
    this.$http.get('https://api.example.com/user') // 假设这是一个API地址
      .then(response => {
        this.age = response.data.age;
        this.name = response.data.name;
      })
      .catch(error => console.error(error));
  }
}

在HTML模板上，你可以添加按钮并绑定事件处理器来触发请求：

<button @click="fetchData">获取用户信息</button>
<p>年龄: {{ age }}</p>
<p>姓名: {{ name }}</p>

当你点击按钮后，`fetchData`方法会发送请求，一旦接收到响应，`this.age`和`this.name`就会更新为从服务器返回的数据，相应的值会实时显示在页面上。

注意：这里使用的是Vue 1.x版本中的`$http`插件，如果你在使用Vue 2.x及以上版本，应该使用内置的`axios`或者`vue-resource`替换。