vue有八个生命周期函数，在每个生命周期函数调用时间不一样，作业也不一样。那么，vue在data生命周期中怎么使用变量？工具/原料morevue.jselementJavaScriptHTML5CSS3HBuilderX截图工具WPS浏览器方法/步骤1/7分步阅读

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

2/7

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

3/7

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

4/7

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

5/7

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

6/7

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

7/7

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

总结

1、创建项目

2、新建文件

3、插入元素

4、声明变量

5、修改变量

6、导入组件

7、保存运行

8、查看结果

注意事项

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

注意vue周期函数有哪些以及用法

VUE生命周期使用变量JAVASCRIPTCSS