视频地址 https://www.bilibili.com/video/av50680998/

1.MVC 和MVVM有什么区别？

　　MVC 是后端开发的概念： Model   view  controller

　　MVVM是前端开发的概念：Model View VM(核心调度者的角色)

2.vue的基本代码结构：

 <!DOCTYPE html>

 <html>

 <head>

   <title>My first Vue app</title>

   <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

 </head>

 <body>

   <div id="app" @click="app_click">

     {{ message }}

   </div>

   <script>

     var app = new Vue({

       el: '#app',

       data: {

         message: 'Hello Vue!'

       },

       methods: {

         app_click(e) {

           console.log(e);

         }

       }

     })

   </script>

 </body>

 </html>

3.插值表达式( 大胡子表达式 ) {{ msg }}  、  v-text 、v-html 、v-bind（简写为 ‘:’ ） 、v-on （简写为'@’） 、v-model 、v-for、v-if 、v-show

4.事件修饰符：  .stop （阻止冒泡）、 .prevent（阻止默认事件） 、.capture（捕获）、.self（自己身上执行）、.once（只执行一次）

5.

　　el 指定要控制的区域

　　data 是个对象，指定了控制区域内用到的数据

　　methods 所有的方法在这里定义

6. 在vm实例中，如果要访问data上的数据，或者要访问methods 中的方法，必须带this  ，this的指向就vm实例；

7.在 v-for中要会使用key的属性（只能接受String | Number）类型

8.v-model 只能应用于表单元素

9.vue中 绑定样式两种方式

　　v-bind : class  // 数组 、数组中使用三元运算符、数组中嵌套对象、或者直接使用对象

　　v-bind ：style //直接在元素上使用内联样式、定义到data中，并直接引用到style中、通过 数组引用多个data上的样式对象

10. v-if and v-show

　　v-if 有更高的切换消耗（动态创建元素）

　　v-show 有更高的初始渲染消耗 （改变元素的样式）

　　结论：若需要有频繁切换用v-show ，若运行时条件不是经常变动，使用 v-if

B站学习的回顾总结的更多相关文章

  1. 我在 B 站学习深度学习（生动形象，跃然纸上）

    我在 B 站学习深度学习(生动形象,跃然纸上) 视频地址:https://www.bilibili.com/video/av16577449/ tensorflow123 http://tensorf ...

  2. python脚本处理下载的b站学习视频

    作为常年在b站学习的我,一直以来看到有兴趣的视频,从来都是点赞收藏下载三连,但是苦于我那小钢炮iphone se屏幕大小有限,看起视频实在费劲,决定一定要找个下载电脑上下载b站视频的方法,以前用过硕鼠 ...

  3. Deep learning for visual understanding: A review 视觉理解中的深度学习：回顾 之一

    Deep learning for visual understanding: A review 视觉理解中的深度学习:回顾 ABSTRACT: Deep learning algorithms ar ...

  4. 我在B站学习 清华大学教授带你学习c++(进阶）构造函数

    B站av11459203的一系列视频,跳过了基础篇直接进入进阶,从此难度开始加大.这里做出一些笔记分享一下. 我是1.25速度看的..对应分P 37-38 构造函数的作用 将对象初始化为一个特定的初始 ...

  5. 我在B站学习 清华大学教授带你学习c++(进阶）类与对象

    B站av11459203的一系列视频,跳过了基础篇直接进入进阶,从此难度开始加大.这里做出一些笔记分享一下. 我是1.25速度看的..对应分P 34-36 对象:现实中对象的模拟,具有属性和行为,对象 ...

  6. 我在B站学习 Javascript入门教程 基础

    B站av9243452的一系列视频,适合学过其他编程语言的人观看,还挺不错的 共43节,该随笔为1~16节 Js介绍 如需使用外部文件,请在 <script> 标签的 "src& ...

  7. day23 Pyhton学习 昨日回顾.re模块.序列化模块

    一.昨日回顾 #__file__查看当前文件所在的绝对路径 #time 时间模块 time.time 获取当前时间戳时间 字符串->time.strptime->结构化->mktim ...

  8. Drupal 7 建站学习手记（四）：怎样改动Nivo Slider模块的宽高

    背景 Nivo Slider模块默认大小是用的height: 100%, width 100%, 但IE7及下面的浏览器是不支持百分比宽高的, 而我的项目目标用户基本都是使用XP系统,项目需求是必须兼 ...

  9. Drupal 7 建站学习手记（五）：QuickTabs模块内的元素无法溢出的问题

    背景 项目要求站点首页放Views生成的区块,而且要求有很多其它链接. Views生成的区块默认的很多其它链接仅仅能选在列表上方和下方 下图是默认在上方的样式图: 为了美观.我将很多其它链接上移了若干 ...

随机推荐

  1. cv2.VideoCapture 图像旋转问题

    使用cv2.VideoCapture()时发现,分解后的图片均顺时针旋转90度, 为了重新转回来使用np.rot90(mat, 1)即逆时针将矩阵旋转90度. 大功告成!!!

  2. 记一次发布/更新npm包的过程及包版本管理

    您可以发布包含package.json文件的任何目录.这里如何首次发布程序包以及如何在以后更新程序包. 如何发布包 制备 了解npm政策 在开始之前,如果您对网站礼仪,命名,许可或其他指南有疑问,最好 ...

  3. 【秒懂Java】【第1章_初识Java】04_学习资料

    为了学到更多的新知识,我们经常会去网上搜索各种学习资料.或者,在学习.工作过程中遇到了解决不了的问题,我们也会去网上搜索答案(比如百度.谷歌一下).这篇文章,主要想跟大家聊聊关于学习资料的选择. 建议 ...

  4. 打造属于你的聊天室（WebSocket）

    SpringBoot 是为了简化 Spring 应用的创建.运行.调试.部署等一系列问题而诞生的产物,自动装配的特性让我们可以更好的关注业务本身而不是外部的XML配置,我们只需遵循规范,引入相关的依赖 ...

  5. （八十九）c#Winform自定义控件-自定义滚动条（treeview、panel、datagridview、listbox、listview、textbox）

    官网 http://www.hzhcontrols.com/ 前提 入行已经7,8年了,一直想做一套漂亮点的自定义控件,于是就有了本系列文章. GitHub:https://github.com/kw ...

  6. gitlab、github账户密码修改后，记得修改本地账户的git凭据

    忘记了修改本地git账户的凭据,导致推送失败,后来才发现是本地的凭据没修改.

  7. HTTPS加密协议详解(一)：HTTPS基础知识

    转自:https://blog.csdn.net/hherima/article/details/52469267------------------------------专栏导航:-------- ...

  8. AspNetCore&Coding持续集成

    对于现有很多持续集成工具来讲,功能越来越高级,使用了 Coding 有大半年时间,越发觉好用,特别是没钱续费服务器时,找到了新的羊毛. 一.众多持续集成工具 现在可用的持续集成工具繁多,各大云服务商都 ...

  9. 利用Cython对python代码进行加密

    利用Cython对python代码进行加密 Cython是属于PYTHON的超集,他首先会将PYTHON代码转化成C语言代码,然后通过c编译器生成可执行文件.优势:资源丰富,适合快速开发.翻译成C后速 ...

  10. 【状压DP】SCOI2005-洛谷P1896-互不侵犯 （状压例题）

    [状压DP]SCOI2005-洛谷P1896-互不侵犯 (状压例题) 标签(空格分隔): 状压DP 好久没写博客了,真的爽(误) 题目: 在N×N的棋盘里面放K个国王,使他们互不攻击,共有多少种摆放方 ...