3天学会Vue之基本知识（第一天：语法基础）：结合项目开发经验，总结最关键的内容

VUE官网教程内容比较多，结合项目经验，总结了些内容。
掌握这些基本的，应该可以满足日常90%以上需要。

前置知识：

1、javascript（基本js语法，部分ES6语法）

2、css（知道语法规则即可，无需全部掌握）

3、html（知道标签规则即可）

Vue所要掌握的关键知识点：

1、数据驱动（js中的object要了解基本概念）

2、双向绑定v-model

3、Vue的API

（1）Vue的基本应用需掌握的API：

data--初始化时的静态数据，

computed--计算后的数据，如：data里是出生日期，可以在此计算为年龄，

methods--方法，与标签事件绑定相配合

watch--观测值是否发生变化，一旦发生变化，则执行相应方法，类似onpropertychange. 但这个是作用在数据上

理论上，用data和method可以实现所有功能性交互式应用。

（2）生命周期

理解为事件，当……发生的时候前端要去做什么。做什么由自己定义，是一个方法（function）

知道有哪些方法就可以，一般情况下用不到，如果有需要用到了，一看API便知。

4、流控制语句（顺序、选择、循环）

（1）主要是掌握标签内的选择和循环，方法内的选择和循环与js完全一致，也可用ts语法，支持es6语法

纯数字循环，即控制标签显示多少次：

循环data或computed中的数组变量（若users为对象数组）：

<div v-for="item of users">id:{{item.id}}, name:{{item.name}}, gender:{{item.gender}}</div>

（2）循环和选择在标签内均只控制标签的显示，仅此而已，不做其它考虑。

5、绑定值或事件

（1）标签内自定义属性的绑定：“:变量名=data/computed中的属性”，标签内的绑定不需要{{ }}, 直接引用变量名即可；

（2）标签外的内容绑定：{{data/computed中的属性}}

（3）事件：“@js事件名=methods中自定义的方法”，如：js 中标签的onclick事件，直接@click

练习（两个小练习，帮助掌握上面知识）：

（1）五星好评

（2）交互式界面

有道云笔记

两个练习内容及源代码点击上面链接

3天学会Vue之基本知识（第一天：语法基础）：结合项目开发经验，总结最关键的内容相关推荐

掉进悬崖的小白，捡到python基础秘籍，学习第一周——语法基础，小游戏，无脑循环
掉进悬崖的小白,捡到python基础秘籍,学习第一周--语法基础,小游戏,无脑循环人生苦短,我用python 语言的种类: 语言的发展: 什么是python 搭建 Python开发环境: 集成开发环 ...
第一单元计算机基础知识,第一单元计算机基础知识第一课资料
第一单元计算机基础知识第一课资料第一单元计算机基础知识第一课计算机系统一.概念 1.指令和程序的概念指令是指计算机执行某种操作的指示和命令,一条指令使用一个二进制的数来表示,通常包括两方面 ...
Python数据分析高薪实战第一天 python基础与项目环境搭建
开篇词数据赋能未来,Python 势不可挡你好,我是千帆. 互联网公司从红利下的爆发期,进入新的精细化发展阶段,亟须深入分析与挖掘业务与数据价值,从而找到新的增长点突破现有增长瓶颈.各行各业的数据 ...
python语法基础知识总结-python语法基础知识
一.数字类型及操作 1.整数类型可正可负,无取值范围限制pow(x,y):计算x^y 2.浮点数类型存在不确定尾数round(x,d):对x四舍五入,d为小数截取位数e/E:a*10^b 3.复数 ...
3天学会Vue之基本知识（第三天：单文件组件（vue-cli））：结合项目开发经验，总结最关键的内容
前置知识: 1.VUE的基本语法知识: 2.javascript(基本js语法): 3.css(知道语法规则即可,无需全部掌握): 4.html(知道标签规则即可): 5.Vue组件基础知识单文件组 ...
3天学会Vue之基本知识（第二天：组件）：结合项目开发经验，总结最关键的内容
前置知识: 1.VUE的基本语法知识: 2.javascript(基本js语法) 3.css(知道语法规则即可,无需全部掌握) 4.html(知道标签规则即可) 组件的基本知识 1.单根节点,即:te ...
html5基础知识第一章语法
语法知识内容:html简介,html文档结构说明,<!doctype>标签,开发工具介绍及下载 html简介 Html(Hyper text Markup Language):超文本标记语 ...
java笔记（第一部分语法基础）
java笔记一. 计算机概述 1.1 计算机组成部分 1.2 人机交互方式 1.3 计算机语言 1.4 Java语言介绍 1.5 Java开发环境搭建二.基本数据类型与运算 2.1 关键字 2.2 ...
微型计算机基础教案,第一章微型计算机基础知识新080902电子教案（153页）-原创力文档...
第一章微型计算机基础知识;第一章? 微型计算机基础知识;§1.1 计算机中数的表示方法;1.1.1 进位计数制及各计数制间的转换;二进制数的特点; 十进制--符合人们的习惯二进制--便于物理实现十六 ...

3天学会Vue之基本知识（第一天：语法基础）：结合项目开发经验，总结最关键的内容

3天学会Vue之基本知识（第一天：语法基础）：结合项目开发经验，总结最关键的内容相关推荐

最新文章

热门文章