Vue.js入门

万万没想到我竟然能在一个神圣的地方还能登录到博客里……
最近开启了疯狂学习的阶段,觉得这些基础知识还是记录到这个比较开放的平台里比较好,至少账号不会被注销掉(我这么老实账号永存)。

其实最近好难过啊难受的不要不要的。身边的好朋友也知道我怎么回事然后公认我是身边最惨。我就给自己灌鸡汤啊灌鸡汤,朋友圈灌鸡汤,微博里自我鼓励,和朋友聊天也是其实没那么惨啦适应的还可以。但其实真的好想哭啊就情绪波动还挺大的就有时候超级超级难过

说跑题了回归正题。最近要看一本(不很多本)书,前端的Vue,对不起菜鸡我又没学过。还能怎么办,学呗……

官网:https://cn.vuejs.org/index.html

基础知识

  1. MVC&MVP
    一种软件架构,由Model、Controller/Presenter、View组成。基于分层的目的将机制分靠。Controller/Presenter作为协调者,联系View和Model,负责逻辑处理,Model提供数据,View负责显示。
  2. MVVM
    代表框架:比较火热的AngularJS,和Vue.js。将Presenter/Controller改成ViewModel,实现了Observer,和View会互相自动同步更新。
  3. Vue.js
    是一个构建数据驱动的Web界面的库,聚焦视图层。

(我觉得现在看的这本书,不是很友好……上不了手不能迅速上手导致都不知道它在讲啥体会的不好……真难

vue组件中的样式属性–scoped

我觉得,这玩意有点复杂,现在又要求紧急上手,我就遇到什么问题整理什么问题了……

  1. scoped属性
    关于scoped属性,官方文档是这样介绍的:

    Vue 设置样式的默认方法是单文件组件里类似 style 的标签。
    单文件组件让你可以在同一个文件里完全控制 CSS,将其作为组件代码的一部分。

    <style scoped>
      @media (min-width: 250px) {
        .list-container:hover {
          background: orange;
        }
      }
    </style>
    

    这个可选scoped属性会自动添加一个唯一的属性 (比如 data-v-21e5b78) 为组件内 CSS 指定作用域,编译的时候 .list-container:hover会被编译成类似 .list-container[data-v-21e5b78]:hover

也就是说,可以通过组件的样式可以通过使用style标签的scoped属性做到唯一的定义。


不定期更新中

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值