认识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

    1、先new vue()实例,然后在里面传参数 2、el规定了vue作用的DOM范围,它接收的值可以是一个css3...

  • 认识vue

    1.认识vue 1.1什么是vue? vue.js 是一套构建用户界面的渐进式框架.vue是一款友好的,多途径且高...

  • 认识vue

    什么叫库? 代表是jQuery ​ 库本质是就是一些函数的集合,就是将一些函数放到一个独立的js文件中 ​ ...

  • 认识 VUE

    vue 主要是用来干什么的? vue 全家桶(常用) vue.js vue-cli 快速构建 vue 项目 vue...

  • 认识Vue

    什么是 Vue Vue.js 是一套用于构建用户界面的渐进式 JavaScript 框架,也是一个创建单页应用的 ...

  • 2018-09-11 vue 第一节

    一、认识vue 二、 vue的指令---------------- v-for 循环操 三、表格

  • 02. 认识 Vue 对象(二)

    接上篇 :01. 认识 Vue 对象(一) 今天我们接着来看 eventsMixin(Vue),这个方法给 Vue...

  • Vue讲义第一天

    简介 简单认识一下Vuejs(认识) Vue (读音 /vjuː/,类似于 view),不要读错。 Vue是一个渐...

  • 00. 我和 Vue.js 没一点新意的故事

    ? Catalog 00. 我和 Vue.js 没一点新意的故事 01. 认识 Vue 对象(一) 02. 认识 ...

  • 第一节:Vue的认识与了解

    1. 认识Vue 1.1 Vue是什么 vue.js是一套渐进式 JavaScript 框架, vue是一款友好的...

网友评论

      本文标题:认识Vue

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