发表于: 2019-12-22 20:06:20

1 1116


今天完成的事

   

介绍

Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。 Vue 只关注视图层, 采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 Vue 学习起来非常简单,本教程基于 Vue 2.1.8 版本测试。

VUE 安装

1 本地安装

2 使用cdn https://cdn.staticfile.org/vue/2.2.2/vue.min.js

3 使用NPM方法

目录介绍就先不学了以后看

VUE初步认识

site : 菜鸟教程

url : www.runoob.com

菜鸟教程 - 学的不仅是技术,更是梦想!

关键字介绍

el 数据绑定意思的意思

data 表示数据层把所有的数据放在这里

methods 函数层所有的方法写在这里里面

{{}} 输出的意思输出数据层的数据

VUE 语法的学习

数据的绑定 {{}}}

指令 v-html 用于输出数据

v-bind vue的属性绑定



v-bind:class 指令

...

指令 v-if

现在你看到我了

添加参数 v-bind:href

数据的双向绑定 v-model

Runoob!

xue函数 v-on:click

Runoob!

过滤器 {{ message | capitalize }}

过滤器可以将你的数据过滤成你想要的

Nnnn

vue中的常用的指令缩写

v-bind的缩写 :

v-on的缩写 @:

明天计划的事

继续学习


返回列表 返回列表
评论

    分享到