vue学习一（初识vue）

一、vue简介

vue是一个渐进式JavaScript框架。

可以去https://cn.vuejs.org/v2/guide/

二、内容

1.基本使用

 （1）el

el是element的缩写，其绑定的是vue的根标签，只有在这个范围内才能使用vue的语法。

（2）data

vue的数据，可以使用{{ data }}获取数据,使用v-bind:value等进行属性绑定，使用HTML则v-html。

（3）method

vue中声明 的方法，可以使用{{}}，也可使用v-on:click

（4）v-bind

用于属性绑定，如v-bind:value="name"，缩写:value="name"

（5）v-on

用于绑定事件，如v-on:click="create"，缩写@click="create"

（6）v-model

用于双向数据绑定。input/select/textarea

（7）v-if

用于条件判断，<p v-if="i>0" /p>

（8）v-for

循环分支，<li v-for="item in items" /li>

（9）v-show

简单的将元素切换成display