认识Vue

作者: 大仙爷 | 来源:发表于2018-05-31 23:39 被阅读0次

    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。

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

    相关文章

      网友评论

          本文标题:认识Vue

          本文链接:https://www.haomeiwen.com/subject/ivicsftx.html