VUE的深坑(一)

框架的下载

vue框架下载
在使用vue之前必须先下载node.js。不然依赖包都是下载不了的。

先了解目录结构

在这里插入图片描述

目录结构是必须先掌握的,不同的版本对应的不同的目录结构,不过都是大同小异的。还不太了解可以去菜鸟教程查看。
我个人的目录是少了一些配置文件的,所以之后还需要再添加进去。

运行

一般运行命令都是下面这个,如果需要修改的话可以找到package.json中"scripts"修改

npm run serve

Vue的基础操作

写代码的地方都是在src这个目录中

  1. 我们需要全局引包的话可以在main.js中将第三方包通过代码引入
引入
import axios from 'axios';
通过挂载在原型上,以后在任何的页面里面都可以使用变量$axios进行使用
Vue.prototype.$axios = axios;

2.vue的主体框架都是App.vue这个文件。这个文件写的代码基本上是组件的名字。需要用组件就先引入之后再使用就可以了。
在这里插入图片描述

  1. Vue的组件都装在了components这个大文件中,你可以在这个文件继续新建文件夹来标识不同的组件,只不过通过import引入的时候要写完整路径。

基本的使用就是
1.先下载框架
2.build
3.编写组件赢并引用。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值