VS Code开启第一个VUE前端项目(3)

本文介绍了初学者如何在VS Code中开启Vue前端项目,讲解了import、export、data以及url中#的含义。import用于加载Vue及组件,export用于导出模块,data函数确保数据独立于不同实例。同时,文章提到了URL中#的用法,通过设置router的mode为'history'可以去除#。
摘要由CSDN通过智能技术生成

对于初学者来说,代码首先需要看的懂,而刚刚赶上架的我,前端知识几乎为0,接下来对VUE项目内部生成的文件中,出现的语法进行介绍,也是记录自己学习的过程。

一,import

  1. import Vue from 'vue' 

   import from 这个是ES6里面的特性,完整的写法如下,主要是加载Vue类

import Vue from "../node_modules/vue/dist/vue.js";

     2. import App from './App'

import App from './App.vue';

     3.import router from './router'

import router from './router/index.js';

 这个其实跟node.js有关,是node加载模块的方式。当require('./router')(import会被转为require),node是这样的寻找目标的:
1.首先寻找目录下有没有router.js或者router.node,如果有就导入
2.如果没有看是否有router

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值