Vue

3b474123ae419653537ba060a71d4543_MD5

这就是渐进式的含义:用什么学什么

e949495cd2d2c86a2c8a2dd6842ce367_MD5

如果我们只需要在前端项目中使用一部分的vue,那么就使用核心包就行.如果想要整体使用vue,那么就用工程化的.

快速入门

b35029c2c68642ed00b4ea233ef8cced_MD5

c989045c91b62bf188b400976844c471_MD5

mount:表示接管的实例是什么.如这里表示接管app createapp传入的是一个对象

3ac1cd8622b04a32b4fcced835246ea6_MD5

df3466cef5c96a188209397536ae0a1a_MD5

data这个方法的返回值就是我们需要的数据.返回的是一个对象,对象里有我们需要的属性. 渲染:通过一个表达式来渲染(就叫插值表达式)

d503e5d02cb149513922fc7c61c20505_MD5

message不是固定的名字,别的也可以:

549835da52e60da72565e79f74cb8560_MD5

注意,我们mount的时候指定的区域就是vue接管的区域.在app区域之外,是无法使用{{message}}的.

指令

指令:

7ab388796a3a3f1a045ed97ac96d5bb5_MD5

v-for 这个for和for循环的for很类似 v-show是控制展示还是不展示,v-if是渲染还不渲染