vue入门问题

vue入门学习

这几天无事开始学习vue。关于vue的基本概念我就不多扯了,就我自己这几天遇到的一些简单的问题提供一些解决看法。

  1. 关于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,若发现错误还请您多帮我指正。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值