Vue学习-1（5）script和style中的@

去看去思考 去看去思考 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 300+累计阅读 344平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄6年
关注
原创 最新推荐文章于 2026-07-29 23:52:37 发布 344 阅读 AI 写同款· GEO 优化 ›
Vue 2.0 学习笔记（四） 组件和生命周期：Vue中的组件化开发，组件的生命周期，组件之间的数据共享传值，ref引用。 阅读详情
  • script中src路径的alias
    image-20201226212546164
  • style中的import语法符号
    image-20201226212802551
    image-20201226212703338
  • style中(~@)src路径的alias

image-20201226213058172

  • webstorm不知道@在style路径中代表什么，要设置webpack配置

image-20201226213648269

  • VSC不做路径检测，不会标红
收录于
vue学习

当前文章被收录于：

vue学习
18 篇文章 0 人学习
订阅专栏 查看详情
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
Vue :style表达式 style表达式 阅读详情

相关推荐

CVE-2025-25249漏洞深度解析：FortiOS认证绕过与实战缓解

远程代码执行（RCE）是网络安全中最危险的漏洞类型之一，其核心往往源于认证机制失效或内存安全缺陷。CVE-2025-25249正属于此类高危漏洞——它不依赖用户凭证，也不需要交互触发，而是通过超长HTTP头（如X-Forwarded-For）引发内存越界写入，直接绕过FortiOS和FortiSwitchManager的完整认证流程。该漏洞影响广泛、CVSS评分高达9.8，凸显了嵌入式设备在HTTP协议栈实现中的深层风险。在企业网络中，FortiGate等设备常作为边界守门人，一旦失陷将导致root级控制权

weixin_33694620的博客 525

style 引用时使用@还是？

转载地址：http://jiayanjujyj.iteye.com/blog/1392541 引用资源时使用@还是？的问题，我们在设置style的时候既可以使用@也可以使用?, 例如android:textAppearance="@andorid:style/TextAppearance.Medium",  android:textAppearance="?android:attr

swust_chenpeng的专栏 1338

从PWM到正弦波：RC低通滤波器的魔法转换之旅

本文详细介绍了如何利用RC低通滤波器将STM32F103生成的PWM信号转换为高质量正弦波的技术原理与实践方法。通过分析滤波器设计、参数计算、硬件实现及Proteus仿真验证，为嵌入式开发者提供了一套完整的PWM转正弦波解决方案，适用于电机控制、音频信号生成等多种应用场景。

jupi8的博客 381

Vue style里面使用scoped属性并@import引入外部css, 作用域是全局的解决方案

。。。

渣渣兔子的博客 3万+

【笔记篇】Davinci Configurator OS模块（上）

主要讲解了AUTOSAR OS配置项和Vector MICROSAR OS的特性

weixin_47571898的博客 2274

Agentic RL: 大模型后训练 SFT、PPO和GRPO

本文介绍了从LLM训练到Agentic RL的发展过程。传统LLM训练包括预训练和后训练两个阶段，其中后训练通过监督微调、奖励建模和强化学习等技术优化模型表现。针对智能体在复杂任务中的不足，提出了Agentic RL新范式，将LLM嵌入强化学习框架，通过多步交互、工具使用和环境反馈来优化长期目标。相比传统单轮对话优化（PBRFT），Agentic RL具有状态包含历史上下文、行动类型多样、动态状态转移等特点，更适合解决需要多步推理和规划的任务。这种新方法为开发更强大的智能体系统提供了可能。

Cachel Wood的博客 699

在style标签中，vue项目引入style文件，外部css文件

在style标签中，vue项目引入style文件，外部css文件一、css是什么？二、使用步骤1.使用style标签引入2.在style标签内使用@import导入总结 一、css是什么？ CSS （层叠样式表） 层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 CSS 能够对网页中元素位置的

qq_43305958的博客 1万+

OpenClaw + Antigravity + 飞书完整部署教程

在 Linux 服务器上部署 OpenClaw，使用 Antigravity 本地代理 AI 模型，并接入飞书实现 24 小时在线 AI 助手。

Maynor的博客 1788

styles.xml文件中@符号及命名空间android:的使用

在写values/styles.xml时有时会有些疑惑，何时要用@符号，何时不用，何时用android:，何时不用，如何区分呢？何时要用@符号，何时不用<style name="LiveDialogStyle"> <item name="android:windowBackground">@android:color/transparent</item> <item

临江仙的技术文章 1974

PCL 三维重建 基于B样条曲线的曲面重建算法

本文将介绍如何使用B样条曲线进行三维点云数据的曲面重建。B样条曲线和曲面是一种强大的数学工具，在计算机图形学、CAD设计等领域中广泛应用。通过对点云数据进行曲面拟合和优化，最终得到精确的曲面模型。本示例展示了如何利用PCL中的B样条曲线拟合算法进行三维曲面重建，并对重建结果进行可视化。

纵马踏花向自由 658

Claude Code Cli 源码泄露事件全解析：从51万行代码中拆解AI Agent的记忆护城河

2026年3月，Anthropic的AI编程助手Claude Code意外泄露51万行核心代码，暴露了其多Agent架构、六级权限验证系统及创新的记忆机制。记忆系统采用四层设计：用户自定义框架、自动记忆提取、智能上下文压缩和纯文件存储。最独特的是"自动做梦"功能，AI会定期整理记忆，类似人类睡眠记忆巩固。代码还揭示未发布功能如电子宠物系统，但也暴露权限系统漏洞和代码质量问题。这次泄露展现了AI助手核心技术的复杂性，特别是其记忆系统如何通过透明可编辑的设计建立用户信任。

program哲学 471

Vue 文件结构深度解析：在 .vue 文件中，style 和 script 必须要写么？为什么？

本文深入探讨 Vue 单文件组件（.vue）中 script 和 style 标签的依赖关系。通过分析多种代码场景，结合流程图直观展示组件的构成逻辑，解答新手常遇到的配置疑问。

✨ 欢迎来到【Seal ^_^ 的优快云博客】！✨ 558

提示词驱动的多智能体协作系统

《提示词驱动的多智能体协作系统》 关键词：人工智能、多智能体系统、协作机制、提示词驱动、系统设计与应用 摘要：本文深入探讨提示词驱动的多智能体协作系统，首先介绍其背景和核心概念，然后详细分析多智能体系统的基本原理和提示词驱动的协作机制，最

AI天才研究院 851

图片在＜template＞、＜script＞、＜style＞中的使用方法

图片在＜template＞、＜script＞、＜style＞中的使用方法

Litt_White的博客 1382

华为的C语言编程规范.pdf

华为技术有限公司内部技术规范。本规范制定了编写C语言程序的基本原则、规则和建议。从代码的清晰、简洁、可测试、安全、程序效率、可移植各个方面对C语言编程作出了具体指导。

文档：亲测可用解决vnc灰屏，黑屏，鼠标大黑叉情况

主要解决vnc-viewer灰屏，黑屏，鼠标大黑叉等现象，详细见文档。

Vue3.2 新特性详解——＜script setup＞ 和 ＜style＞ v-bind

1. 揭秘 `<script setup>` 语法糖的神秘面纱——全面的使用说明、语法糖剖析、使用注意点 2. 探究 `<style> v-bind` 是如何实现组件状态驱动动态 CSS 值的

我是张跑跑 9512

android 蓝牙通讯demo

android 下蓝牙通讯demo，实现了发现蓝牙，使能蓝牙，通过蓝牙发送消息。

新知识get，vue3是如何实现在style中使用响应式变量？

下面这个是我总结的流程图，如下（搭配流程图后面的文字解释一起服用效果最佳）：编译阶段script模块是由函数处理的，函数会去执行一个函数。这个函数会返回一个useCssVars函数的调用。然后在函数中会调用方法将生成的useCssVars函数插入到编译后的setup函数中。编译阶段style模块是由函数处理的，在函数中会调用postcss对css样式进行处理。vue自定义了一个名为的postcss插件，插件中有个钩子函数，css中每个具体的样式都会触发这个钩子函数。在。

kfashfasf的博客 1920

Camera2Demo

在Camera2 的基础上进行封装，使得Camera2一堆初始化逻辑与Activity分离，降低耦合度，完成预览拍照并保存的操作

学习Vuejs-Day1

1.Vue.js安装 方式一：直接CDN引入(你可以选择引入开发环境版本或生产环境版本) 方式二：下载和引入(学习模式时下载) 方式三：NPM安装 2.Vue.js初体验 01-HelloVuejs <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">

Demon_K2021的博客 219

Vue3学习-vue项目创建、项目结构介绍、vue文件结构介绍

Vue(读音/vjuː/，类似于view) 是一套用于构建前后端分离的框架。刚开始是由国内优秀选手尤雨溪开发出来的，目前是全球“最”流行的前端框架。使用vue开发网页很简单，并且技术生态环境完善，社区活跃，是前后端找工作必备技能！Vue目前是3版本了。node_modules：存放项目依赖的第三方包public：一些公共的文件src：项目的源代码，图片资源等--assets：图片、字体等静态资源--components：自定义组件App.vue：项目的主入口vue文件。

u013342594的博客 724

【vue2.0入门】vue单文件组件

以.vue为后缀的文件，一般都包含三个区域template、script、style，分别对应原生前端开发的html、js、css三个部分，比较符合一开始做前端开发的编码习惯。以上即为vue单文件组件常用的内容，有了这些内容做支撑，加上你原有的html、js、css的基础知识，就可以在vue项目中编写页面了。在开发时需要贯彻组件化开发思想，从项目整体设计的维度以及单一功能的维度共同考虑，抽离出合适的组件，互相拼凑完成页面编写。在下篇中，我会结合应用场景讲解如何使用vue的语法技巧，帮助你更快的进行页面编写。

qbbmnnnnnn的博客 2096

Vue学习（一）

1.环境搭建 通过下载vue或者使用<script>标签的方式来使用vue。 1.使用script标签 <script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script> 2.下载VUE 使用npm下载 npm install vue ，推荐使用淘宝镜...

Livingdd的博客 236

使用Ant Design of Vue中的Checkbox 多选框实现多组全选和全不选

使用Ant Design of Vue中的Checkbox 多选框实现多组全选和全不选

xuehu999727的博客 818

Vue 规范

Vue 规范 vue 项目规范以 Vue 官方规范 中的 A、B、C 规范为基础，并根据实际项目特点略作调整，故应结合两者来执行规范。 重点强调 1、组件 （1）组件名 组件名应该始终是多个单词组成（大于等于 2），且命名规范为 PascalCase 格式，避免和 HTML 元素名称冲突。 // components/HeaderComponent.vue export default { name: 'HeaderComponent', // ... } （2）组件文件名 组件文件名为 Pasc

xuewenjie0217的博客 1042

[01][创新实训记录]Vue学习笔记（夯实基础）

Vue学习笔记Vue.js学习笔记安装起步学习如何理解vue文件的构成条件与循环的书写条件：循环：处理用户输入 Vue.js学习笔记 本学习笔记是跟随Vue.js官方文档进行学习的笔记。夯实一下基础。 Vue.js是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。 安装 vuejs在no

qq_41998718的博客 390

Vue学习之旅Part14：使用render在Webpack中渲染Vue组件

步骤1： 在src下创建一个名为后缀名为vue的文件 该文件在Webpack中是纯粹的Vue组件 由三部分组成： <template>：HTML代码 <script>：业务逻辑 <style>：样式 例： login.vue <template> <div> <h1>登录</h1> ...

"✧treasure mountain✧" 5334

实现一个简单的 TodoList 应用以学习 Vue 基础

在这个 TodoList 应用中，用户可以添加待办事项、标记完成状态以及删除待办事项。为了实现这一点，我们将创建一个简单的 Vue 组件，并逐步添加功能。通过这个项目，我们体验了 Vue.js 的基本使用，包括组件的创建、响应式属性的使用、事件处理以及计算属性的应用。将待办事项存储到 LocalStorage 中，以便在页面刷新后保持数据。添加编辑功能，让用户能够编辑已添加的事项。设计更复杂的样式，增强视觉效果。

有我更精彩的博客 1014
上一篇： Vue学习-1（4）添加代码片段 snippets
下一篇： Vue学习-1（6）使用VueRouter(对比reactRouter...待续)
点赞 0
评论 0
书签 书签 0
去看去思考
去看去思考
博客等级 码龄6年 1粉丝 21原创
+ 关注 专栏目录 订阅专栏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值