vue有八个生命周期函数，在每个生命周期函数调用时间不一样，作业也不一样。那么，vue在data生命周期中怎么使用变量？
工具/原料
1
vue.js
2
element
3
JavaScript
4
HTML5
5
CSS3
6
HBuilderX
7
截图工具
8
WPS
9
浏览器
方法/步骤
1
打开HBuilderX开发工具，下载和安装vue项目，然后导入进去
2
在src文件夹下的components下，新建vue文件Sm.vue，然后点击创建
3
打开已新建的vue文件，在插入elementui布局，还有一个el-input，绑定treeData
4
在标签中，初始化变量treeData，并在vue周期函数mounted中，给treeData重新赋值
5
打开App.vue文件，导入Sm组件并在界面代码中使用这个组件
6
在项目文件夹鼠标右键，使用命令npm run serve运行项目
7
打开浏览器，在地址栏输入访问地址，然后回车，查看到输入框显示内容
总结
1、创建项目2、新建文件3、插入元素4、声明变量5、修改变量6、导入组件7、保存运行8、查看结果END
注意事项
1
注意vue在data生命周期中怎么使用变量
2
注意vue周期函数有哪些以及用法