vue项目实战css笔记-yyy

最新推荐文章于 2024-08-14 20:51:47 发布
最新推荐文章于 2024-08-14 20:51:47 发布
阅读量127 收藏
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_22703205/article/details/86028173
版权

1.<style scope>的使用：

△不要轻易使用

scoped 属性是一个布尔属性。如果使用该属性，则样式仅仅应用到 style 元素的父元素及其子元素。

2.<style lang=“scss”>

注意：尤其在多个组件里面修改某些样式，如el-button input[type=text]{}等，容易影响到其他组件并覆盖
使用方式：
在这里插入图片描述

sharryling
关注
专栏目录
尚硅谷vue2-vue3全套视频笔记-1
不知道说点啥
04-25 897
directive：第一个参数是真实DOM元素（element），第二个参数是绑定信息，可以获取所有信息。备注：命名是多个单次使用kebab-case，定义时加引号'kebab-case'，使用时加v-；自定义指令中的this是window不是vm；</div></body>new Vue({data: {msg: 2},//初始化和双向绑定时调用},oncc: {//初始化绑定时调用},//元素被放置在模板时调用},//双向绑定时调用})</script>
vue3+ts+vite 项目实战笔记
qiao
03-14 746
方法1：每增加一个全局组件，就手动引入，然后进行注册//main.ts 文件中//引入全局组件//注册全局组件注：如果要注册很多全局组件，这里就需要引入、注册多次，比较麻烦方法2：components 下新增 index.ts，在里面引入组件，遍历注册组件//引入 全局组件SvgIcon,Test//对外暴露插件对象//install 方法会在页面初始化时候执行，该方法有一个参数，该参数是 main.ts 中创建的 app 对象// 循环注册全局组件})//main.ts 文件。
Vue笔记-尚硅谷-Alex
weixin_55896343的博客
09-04 511
vue-cli: vue 脚手架vue-resourceaxiosvue-router: 路由vuex: 状态管理element-ui: 基于 vue 的 UI 组件库…[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-iAEgCWfl-1662295271150)(D:\笔记总结\vue笔记\Vue笔记\1661128552292.png)] 模板语法 数据绑定 MVVM模型 1、M：模型（Model）：对应data中数据2、V：视图（View）：模板代码
vue2.0学习笔记黑马
firewrk的博客
05-28 1113
前置知识 一、WebPack 实际开发中并不需要手动配置webpack 1、概念 webpack是前端项目工程化的具体解决方案 主要功能：提供了友好的前端模块化开发支持、以及代码压缩混淆、处理浏览器端javaScript的兼容性、性能优化等强大的功能 好处：提高开发效率和项目可维护性 2、创建webpack项目 新建项目空目录需要英文路径，并允许npm init -y 命令，初始化包管理配置文件 package.json 新建src源代码目录 新建src->index.html首页和src
Vue学习笔记day02
qq_45334571的博客
10-13 138
文章目录一、条件渲染1、v-if、v-else-if、v-else、v-show二、列表渲染1、v-for 一、条件渲染 1、v-if、v-else-if、v-else、v-show 相同点：都可以动态控制着dom元素的显示隐藏. 区别： v-if: 控制DOM元素的显示隐藏是将DOM元素整个添加或删除; v-show: 控制DOM 的显示隐藏是为DOM元素添加css的样式display，设置none或者是block，DOM元素是还存在的 v-if适合运营条件不大可能改变的场景下； v-show适合频繁切换
Vue 2.0-＞3.0学习笔记（第一章 Vue核心）
最新发布
PNPYY的博客
08-14 829
【代码】Vue 2.0-＞3.0学习笔记(B站尚硅谷)
Vue2、Vue3知识总结---完整版✨
weixin_43323097的博客
08-21 5783
Vue2Vue3知识总结---完整版✨
Vue2-3.0学习笔记
人的生命周期还还没有代码的生命周期精彩
04-18 343
一、如何引用（使用）vue <!-- 生产模式 优点:拥有完整的错误提示 --> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script> <!-- 上线模式 优点:体积小，没有开发提示 --> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script&g
vue整体项目笔记
Li8L9xF的博客
03-09 1126
前端工程师的日常工作： 项目工程架构 业务开发：UI还原、组件设计、业务逻辑实现 项目上线 测试驱动开发 一、Vue项目创建 1、安装node.js环境（node -v 验证） A -> B C -> D -> E 依赖的层级关系 2、安装vue脚手架（@vue/cli) 脚手架是一个第三方库，需先安装才能使用 -g 表示全局安装 global 3、使用脚手架来创建项目 warn warning 警告,可不处理 error 红色报错,是失败，一定要处理 4、vue.config.js 配置
大前端学习笔记 -- 封装Vue.js组件库
爱玲姐姐的博客
09-29 1435
封装Vue.js组件库 一、组件库介绍 1. 开源组件库 Element-UI IView 2. 组件开发方式CDD 自下而上 从组件级别开始，到页面级别结束 3. CDD的好处 组件在最大程度上被重用 并行开发 可视化测试 二、处理组件边界情况 vue中处理组件边界情况的API 1. $root 01-root.vue <template> <div> <!-- 小型应用中可以在 vue 根实例里存储共享数据 组件中可以通过 $
尚硅谷 Vue2.0 + Vue3.0 入门到精通教程学习笔记 （一）
weixin_44566194的博客
12-08 3138
本文为总结尚硅谷Vue2.0+Vue3.0 的学习笔记系列的第一章——Vue的核心，包含Vue简介、模板语法、数据绑定、MVVM模型、事件处理，计算属性与监视、class与style绑定、列表渲染、过滤器、内置指定和自定义指令以及Vue生命周期等知识点
小白零基础学 VUE笔记
baidu_36820987的博客
12-29 984
面试题：react、vue中的key有什么作用？（key的内部原理）1. 虚拟DOM中key的作用：key是虚拟DOM对象的标识，当数据发生变化时，Vue会根据【新数据】生成【新的虚拟DOM】,随后Vue进行【新虚拟DOM】与【旧虚拟DOM】的差异比较，比较规则如下：(1).旧虚拟DOM中找到了与新虚拟DOM相同的key：①.若虚拟DOM中内容没变, 直接使用之前的真实DOM！②.若虚拟DOM中内容变了, 则生成新的真实DOM，随后替换掉页面中之前的真实DOM。
vue知识点最详细的笔记总结，查缺补漏必备！
空寻的博客
08-27 1471
1.初识vue 想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象； root容器里的代码依然符合html规范，只不过混入了一些特殊的Vue语法； root容器里的代码被称为【Vue模板】； Vue实例和容器是一一对应的； 真实开发中只有一个Vue实例，并且会配合着组件一起使用； {{xxx}}中的xxx要写js表达式，且xxx可以自动读取到data中的所有属性； 一旦data中的数据发生改变，那么页面中用到该数据的地方也会自动更新； 注意区分：js表达式 和 js代码(语句) ​ 1
Vue学习笔记（尚硅谷天禹老师）
m0_67391907的博客
03-06 1196
Vue学习笔记（尚硅谷天禹老师讲解） 1. Vue核心 1.1. Vue简介 1.1.1. 官网 英文官网 中文官网 1.1.2. 介绍与描述 动态构建用户界面的渐进式JavaScript框架 作者：尤雨溪 1.1.3. Vue的特点 遵循MVVM模式 编码简洁，体积小，运行效率高，适合移动/PC端开发 它本身只关注UI，可以引入其它第三方库开发项目 1.1.4.与其他JS框架的关联 借鉴 Angular 的模板和数据绑定技术 借鉴 React 的组件化和虚拟DOM
vue3-HTTP请求
sharryling
03-23 6241
jsonp原理 服务端： 第15行，相当于在前端返回了js代码，调用show() 第19行相当于 20-22行代码 show被写死了，最好的方式，客户端把自己的函数名传过去！如下： 传参方法： ...
vue项目创建+ECharts
sharryling
10-22 1220
5分钟上手写ECharts的第一个图表 file:///C:/Users/Administrator/Desktop/incubator-echarts-2.2.7/doc/start.html echarts 模版和设置 http://echarts.baidu.com/echarts2/doc/doc.html#Option vue与Echarts完成–动态数据折线图 https://blog...
React 还是 Vue: 你应该选择哪一个Web前端框架？
sharryling
03-13 1143
React 还是 Vue: 你应该选择哪一个Web前端框架？ 参考：https://www.cnblogs.com/Chen-XiaoJun/p/6246946.html 本文作者也做了总结： 如果你喜欢用（或希望能够用）模板搭建应用，请使用Vue 如果你喜欢简单和“能用就行”的东西，请使用Vue 如果你的应用需要尽可能的小和快，请使用Vue 如果你计划构建一个大型应用程序，请使用React 如果...
Vue3.0版本
sharryling
07-10 651
较为详细：https://www.cnblogs.com/lookroot/p/12958148.html 1. 更新
Vue项目实战：vue-datepicker组件使用详解
"这篇教程主要介绍了在Vue项目中如何使用vue-datepicker组件的详细步骤和实例代码。作者通过记录使用过程，帮助读者理解该组件的安装、配置和基本使用方法。" 在Vue.js应用中，有时候我们需要集成日期选择功能，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值