vue第二课--vue项目写法记录

本文详细介绍Vue项目中使用Stylus进行CSS编写的方法,包括模块引入、公共样式管理、组件引用及Axios插件安装配置。同时分享了解决控制台警告及组件使用的小技巧。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、vue项目中css使用styls编写,当前项目引入相应模块;
输入:
npm install stylus --save-dev
npm install stylus-loader --save-dev

2、styles编写,注意细节
当项目有很多样式公共模块的时候,可以写一个公共引入模块,然后在项目中只引用引入模块的文件,如
1)公共模块如下引用
在这里插入图片描述
2)入口main.js引用一次,就可以在项目中随意使用公共模块的方法:
在这里插入图片描述

3、组件引用,如:
import heade from “./components/header/header”;

4、安装axios插件,响应http请求
npm install axios --save-dev
然后在main.js引入模块 //import axios from’axios’
将其对象方法继承到Vue对象里 //Vue.prototype.KaTeX parse error: Expected '}', got 'EOF' at end of input: …{ this.http.get(’/api/seller’).then(
(response) => {
console.log(response);
}
)
}

5、解决很多项目控制台的警告
在这里插入图片描述
6、组件里运用组件注意小细节
当在组件里运用组件时,或是写组件的时候,切记最外层用一个div包起来,不要出现以下情况

    <template>
      <div></div>
      <div></div>
    </template>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值