vue学习笔记

1.官网

v2官网

https://v2.cn.vuejs.org/

v3官网

https://cn.vuejs.org/

2.vue引入

在线引入

下载引入(下载链接)

https://v2.cn.vuejs.org/js/vue.js

3.初始化渲染的核心步骤

vue学习笔记_第1张图片

 4.插值表达式

vue学习笔记_第2张图片 

5.vue学习笔记_第3张图片 

 

 6.插件下载Vue Devtools

https://chrome.zzzmh.cn/info/nhdogjmejiglipccpnnnanhbledajbpd

7.vue指令

(1)v-html='(表达式)   用于动态改变数据,插值表达式无法插入链接

(2)vue学习笔记_第4张图片

只是控制显示和隐藏

(3)vue学习笔记_第5张图片

整个元素从界面移除

(4)

 vue学习笔记_第6张图片

 (5)vue学习笔记_第7张图片

vue学习笔记_第8张图片

 

可以用@代替v-on

(6) 

vue学习笔记_第9张图片

vue学习笔记_第10张图片

 

(7)vue学习笔记_第11张图片 vue学习笔记_第12张图片

(8) vue学习笔记_第13张图片

vue学习笔记_第14张图片 

8.指令修饰符

vue学习笔记_第15张图片

 9.计算属性

vue学习笔记_第16张图片

vue学习笔记_第17张图片  

10.监视器

vue学习笔记_第18张图片

 11.vue生命周期

vue学习笔记_第19张图片

 12.脚手架

vue学习笔记_第20张图片

13.组件

vue学习笔记_第21张图片 

 14.data

vue学习笔记_第22张图片

15.组件通信

vue学习笔记_第23张图片 

 16.prop

vue学习笔记_第24张图片

 17.sync

vue学习笔记_第25张图片

18.ref

vue学习笔记_第26张图片 

19.vue异步更新

vue学习笔记_第27张图片 

 

你可能感兴趣的:(学习,笔记)