vue入门学习
这几天无事开始学习vue。关于vue的基本概念我就不多扯了,就我自己这几天遇到的一些简单的问题提供一些解决看法。
-
关于vue文件引用一个单独的js文件方法
在开发过程中,有时会在vue文件中单独调用一个js文件。调用js的方法我所知的有2种,截图如下。
1.1这是第一种实现方式,如下图。
直接import一个js文件,但是这样需要在data()里面定义这个对象。在使用里面函数的时候直接使用test1.logintest()方法即可.js截图如下:
1.2 第二种方法如下:在vue文件中如下图操作。
在js文件代码是这样写的。直接导出为函数名字。
这就是在vue文件中使用外部js的方法。希望如有错误,欢迎指正。
2.在vue中使用axios。
axios的用法以及是啥我就不解释了。我们就直接看使用方法吧。在实际的使用过程中,可能会经常遇到利用axios获取后台数据然后更改vue文件中data的数据。不过这里面经常会有坑。切记要改变时务必加上这么一句话。
因为在使用axios的时候,会改变this的作用域。必须先声明这一点,要不然会报错要改变的值没有定义。错误如下:
f2函数如下:
好了,本次的学习总结就这么多了。新人第一次写bog,若发现错误还请您多帮我指正。