创建一个vue项目，页面上有一个按钮和文本显示区域（可以使用p标签），使用双向数据绑定实现计数器功能：页面刚打开的时候p标签内显示1，用户每点击一次按钮，页面上的数字加1显示。

创建一个Vue.js项目并实现这个计数器功能，首先需要确保已经安装了Vue CLI。按照以下步骤操作：

1. **初始化Vue项目**:
使用命令行工具（如Node.js的`npm`或`yarn`）运行：

   vue create counter-app

进入新创建的项目目录：

   cd counter-app

2. **安装Vue Router（可选，用于路由管理）**:
如果你想把此功能封装成一个可复用组件，可以安装它：

   npm install @vue/cli-plugin-router

3. **进入项目文件夹并打开入口文件**:

   code src/App.vue

4. **编写App.vue**:

   <template>
     <div id="app">
       <button @click="incrementCount">点击增加</button>
       <p>{{ count }}</p>
     </div>
   </template>

   <script>
   export default {
     data() {
       return {
         count: 1,
       };
     },
     methods: {
       incrementCount() {
         this.count++;
       },
     },
   };
   </script>

这里我们定义了一个名为`count`的数据属性，并绑定了到按钮的点击事件`incrementCount`，每次点击时更新`count`值。

5. **启动项目**:

   npm run serve

现在你可以通过浏览器访问`http://localhost:8080`查看效果。