学习vue.js的第一天

el 挂载点、
vue的作用范围是什么？el选项命中的元素以及内部的后代元素有效
是否可以用其他的选择器？可以
是否可以设置其他的dom元素？可以，只能支持双标签 不能html与body
vue中的数据定义在data中，可以用对象，和数组，符合js语法
vue指令
vue内容绑定 事假绑定 v-text v-html v-on基础
vue显示切换和属性绑定 v-show v-if v-bind
vue 列表循环 表单绑定 v-for v-on补充 v-model
v-text 设置标签的文本值
v-html的指令的作用是设置元素的innerhtml，内容中有html的内容会被解析为标签 v-text就是只解析为文本
解析文本就用v-text 解析标签就用v-html
v-on 为元素绑定事件
v-on：事件名=“方法” 或者用@来代替v-on，绑定的方法全在methods
总结 创建vue实例 ：el(挂载点) data(数据)methods(方法)
方法中通过this获取data中的数据
v-text设置元素文本值，简写为{{}}
v-show 根据表达式的真假，切换元素的显示和隐藏
原理就是修改display ！！！指令后面最终会解析显示布尔值 true为显示 false为隐藏
v-if 根据表达式的真假，切换元素的显示和隐藏(操作dom元素)
v-if就是操作dom元素，为false就移除dom元素，为true就存在dom 核心就是操作dom元素来切换显示转态
v-bind 为元素绑定属性
v-bind:属性名=表达式 或者v-bind用:显示
类如 v-bind:src="“或者:src=”"
图片切换：1，列表数据使用可以用数组保存
v-bind 可以设置元素属性如src
尽可能使用v-show不用v-if，因为比较消耗性能，会dom操作
v-for 根据数据生成列表结构，数组经常跟v-for结合使用
v-for=“item in arr” in为关键字不能修改
语法(item,index)前置代表每一项，index代表索引
数组的长度会同步到页面，响应式的
今天犯的错 把methods属性放到了data里
事件绑定的方法写成函数调用的形势，可以传入自定义参数、
定义方法需要定义形参来接收传入的实参，事件的后面跟上.修饰符可以对事件进行限制。
.enter 可以限制触发的按键为回车。
v-model 获取和设置表单元素的值(双向数据绑定)
绑定的数据会和表单元素相关联，绑定的数据会和表单元素的值相互绑定