几种实用的JavaScript鼠标特效,在我们平时网页设计中，鼠标特效可以说是常常会用到，那么今天我们来讲讲通过JS代码实现一些实用的鼠标特效，希望对大家有用。......
2023-03-17 528 JAVASCRIPT 鼠标
js文件怎么get本地assets里的json文件
来源：互联网
2023-03-17 00:02:29 版权归原作者所有，如有侵权，请联系我们
在vue项目中，assets文件夹一般是放置图片、css样式文件和js文件。如果在assets放了一个json文件，怎么获取文件并读取数据呢？
工具/原料
- vue
- JavaScript
- element
- HTML5
- CSS3
- HBuilderX
- 截图工具
- 浏览器
- WPS
方法/步骤
打开HBuilderX工具，安装和下载Vue项目模板，然后导入并查看assets文件夹
在assets文件夹下，新建一个json文件params.json
打开params.json文件，添加数据，有userId和username
在src下的components文件夹下，创建vue组件Json.vue
在Json.vue文件中，利用element布局和控件，插入两个el-input，然后在data中定义两个变量userId和username
调用require方法，将params.json引入，并在mounted函数中打印结果
在vue生命周期函数mounted中，给两个变量进行赋值
保存代码并运行vue项目，打开浏览器，查看两个输入框和控制台打印结果
总结
1、安装和下载vue项目
2、assets新建json文件
3、新建vue组件并插入
4、调用json文件并打印
5、保存代码并运行项目
6、查看输入框和控制台
注意事项
- 注意js文件怎么get本地assets里的json文件
- 注意在vue项目如何获取静态文件数据
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： JAVASCRIPT
相关文章
- 详细阅读
-
如何开始学习javascript详细阅读
如何开始学习javascript,html是网页的内容，c是网页的格式，h是网站的后台，j是网站的前端，那么如何学习j，才能高效？......
2023-03-17 256 JAVASCRIPT
- 详细阅读