淘先锋技术网

首页 1 2 3 4 5 6 7

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属性做到唯一的定义。

不定期更新中