el:挂载点,设置vue实例挂载管理元素,不能使用HTML标签和body标签
data:数据对象
methods:方法
vue实例的作用范围是:vue会管理el选项命中的元素及其内部的后代元素
vue指令:
1、内容绑定,事件绑定。
v-text:设置文本
v-html:设置元素的innerHTML,会解析标签
v-on基础:为元素绑定事件,绑定方法定义再methods属性中,this关键字可以访问定义在data数据中,可以简写成@
2、显示切换,属性绑定。
v-show:根据表达值的真假,切换元素的显示与隐藏,本质是切换display的none值,都会解析为布尔值
v-if:根据表达式的真假,切换元素的显示和隐藏,本质是操作dom元素来切换显示状态,频繁的切换用v-show,反之v-if,前者小号小
v-bind:设置元素的属性,表达式:v-bind:属性名=表达式,简写成:属性名
3、列表循环,表单元素绑定。
v-for:语法是(item,index) in 数据
v-on补充:传递自定义参数,事件修饰符,可传入自定义参数,时间后面跟上.修饰符可以对事件进行限制
v-model:获取和设置表单元素的值(也叫双向数据绑定),表单元素会和绑定的数据相关联,同步更新。
网络应用:
axios:网络请求库
版权声明:本文为weixin_46484970原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。