认识Vue

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

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

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

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

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

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

代码如下

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


结构


js

v-bind代码示例

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


结构


js

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容