vue的导入包下载地址:https://cn.vuejs.org/v2/guide/installation.html

vue初探

vue的初级使用方法:

vue初探

其中el 表示元素(使用vue接管哪个区域),data用于存储数据(vue里面具体的数据),methods表示方法,

其实就是创建一个vue对象,里面有不同的属性

v标签指令:

v-for:   

eg : v-for = "item  in  list"

循环list ,用item表示

v-on :

eg : v-on:click='handleBtnClick'

绑定各种事件

v-model:

eg :v-model = 'inputvalue'

双向绑定data中的数据,例如当input里的内容发生改变之后,data中的数据也会发生变化

注意在methods方法中访问vue数据,要加上this

vue初探

v-bind 

eg :v-bind:title = "message"

v-bind意思就是将某个标签的某个属性和data中的属性保持一致

vue初探

------------------------------------------------------------------------------------------------------

v-on:  可以简写成 @

v-bind:  可以简写成 :

相关文章: