vue在data生命周期中怎么使用变量

1、打开HBuilderX开发工具，下载和安装vue项目，然后导入进去

2、在src文件夹下的components下，新建vue文件Sm.vue，然后点击创建

3、打开已新建的vue文件，在<template></template>插入elementui布局，还有一个el-input，绑定treeData

4、在<script></script>标签中，初始化变量treeData，并在vue周期函数mounted中，给treeData重新赋值

5、打开App.vue文件，导入Sm组件并在界面代码中使用这个组件

6、在项目文件夹鼠标右键，使用命令npm run serve运行项目

7、打开浏览器，在地址栏输入访问地址，然后回车，查看到输入框显示内容