认识Vue

1、先new vue()实例,然后在里面传参数

2、el规定了vue作用的DOM范围,它接收的值可以是一个css3选择器,也可以是一个DOM原生对象

3、data定义当前vue实例要用到的数据

4、通过{{}}标识(这种写法称为插值表达式),可以把data数据渲染到标签内

5、通过v-html指令可以识别插入内容的标签的效果(可以识别加粗、斜体等等)

6、通过v-bind指令可以做到对标签属性的修改

代码如下

{{}}插值表达式和v-html的示例


认识Vue_第1张图片
结构


认识Vue_第2张图片
js

v-bind代码示例

加个计时器示例,本来是百度的网址然后换成谷歌,并且图片切换,一秒后切换


认识Vue_第3张图片
结构


认识Vue_第4张图片
js

data的数据本来是href百度,img是girl,经过v-bind修改后变成href是谷歌,img是boy。

今天就先到这吧,停电了,夏天好热。

你可能感兴趣的:(认识Vue)