vue初学

今天开始了vue的学习

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

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

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

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

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

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

代码如下

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


vue初学
结构


vue初学
js

v-bind代码示例

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


vue初学
结构


vue初学
js

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

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