VUE 黑马程序员学习笔记

介绍

时长 3小时40分
https://www.bilibili.com/video/BV12J411m7MG?p=1

目录

P01.课程介绍----------------------------02:57
P02.Vue基础-简介------------------------01:58
P03.Vue基础-第一个Vue程序---------------07:08
P04.Vue基础-el挂载点--------------------06:17
P05.Vue基础-data数据对象----------------04:51
P06.本地应用-介绍-----------------------01:36
P07.本地应用-v-text指令-----------------05:43
P08.本地应用-v-html指令-----------------04:09
P09.本地应用-v-on指令基础---------------10:20
P10.本地应用-计数器--------------------08:26
P11.本地应用-v-show指令----------------06:55
P12.本地应用-v-if指令------------------06:03
P13.本地应用-v-bind指令----------------08:52
P14.本地应用-图片切换------------------11:41
P15.本地应用-v-for指令-----------------10:31
P16.本地应用-v-on补充------------------05:57
P17.本地应用-v-model指令---------------06:40
P18.本地应用-小黑记事本-介绍-----------02:37
P19.本地应用-小黑记事本-新增-----------08:27
P20.本地应用-小黑记事本-删除-----------04:10
P21.本地应用-小黑记事本-统计-----------03:05
P22.本地应用-小黑记事本-清空-----------02:38
P23.本地应用-小黑记事本-隐藏-----------04:06
P24.网络应用-介绍----------------------01:18
P25.网络应用-axios基本使用-------------09:08
P26.网络应用-axioxs加vue---------------06:26
P27.网络应用-天知道-介绍---------------02:01
P28.网络应用-天知道-回车查询-----------09:25
P29.网络应用-天知道-点击查询-----------04:15
P30.综合应用-介绍----------------------02:46
P31.综合应用-音乐查询------------------07:40
P32.综合应用-音乐播放------------------09:45
P33.综合应用-歌曲封面------------------07:02
P34.综合应用-歌曲评论------------------07:52
P35.综合应用-播放动画------------------06:08
P36.综合应用-播放mv--------------------12:50
P37.总结-------------------------------01:50

01 VUE基础

P01.课程介绍----------------------------02:57

VSCODE
Liver server 插件

P02.Vue基础-简介------------------------01:58

相应式数据驱动

P03.Vue基础-第一个Vue程序---------------07:08

https://cn.vuejs.org
step1
开发环境导入 script js

step2
{{ }}

step3

P04.Vue基础-el挂载点--------------------06:17
el 挂载点
vue 作用范围

el:"#app" id选择器
el:".app"
el:“div”

P05.Vue基础-data数据对象----------------04:51

data:数据对象
data 可以写复杂的语法

02 VUE 本地应用

P06.本地应用-介绍-----------------------01:36
VUE指令

----内容绑定，事件绑定----
v-text ----设置标签的文本值 textContent
v-html
v-on
----显示切换，属性绑定-----
v-show
v-if
v-bind
------列表循环，表单元素绑定-----
v-for
v-on
v-model

P07.本地应用-v-text指令-----------------05:43

P08.本地应用-v-html指令-----------------04:09
P09.本地应用-v-on指令基础---------------10:20
v-on:click=“do”
@click=“do”

P10.本地应用-计数器--------------------08:26
P11.本地应用-v-show指令----------------06:55
P12.本地应用-v-if指令------------------06:03
P13.本地应用-v-bind指令----------------08:52

v-bind:class 缩写 :class
v-bind:src 缩写 :src
v-bind:title 缩写 :title

0422
https://www.bilibili.com/video/BV12J411m7MG?p=1
https://www.bilibili.com/video/BV12J411m7MG?p=15

P14.本地应用-图片切换------------------11:41
P15.本地应用-v-for指令-----------------10:31
P16.本地应用-v-on补充------------------05:57

事件修饰符 http://cn.vuejs.org/v2/api/#v-on

P17.本地应用-v-model指令---------------06:40
P18.本地应用-小黑记事本-介绍-----------02:37
P19.本地应用-小黑记事本-新增-----------08:27
P20.本地应用-小黑记事本-删除-----------04:10
P21.本地应用-小黑记事本-统计-----------03:05
P22.本地应用-小黑记事本-清空-----------02:38
P23.本地应用-小黑记事本-隐藏-----------04:06
P24.网络应用-介绍----------------------01:18
P25.网络应用-axios基本使用-------------09:08

P26.网络应用-axioxs加vue---------------06:26
P27.网络应用-天知道-介绍---------------02:01
P28.网络应用-天知道-回车查询-----------09:25
P29.网络应用-天知道-点击查询-----------04:15
P30.综合应用-介绍----------------------02:46
P31.综合应用-音乐查询------------------07:40
P32.综合应用-音乐播放------------------09:45
P33.综合应用-歌曲封面------------------07:02
P34.综合应用-歌曲评论------------------07:52
P35.综合应用-播放动画------------------06:08
P36.综合应用-播放mv--------------------12:50
P37.总结-------------------------------01:50