简介
javascript框架、简化dom操作、响应式数据驱动
el挂载点
1.VUE实例的作用范围?
Vue会管理el选项命中元素以及其内部的元素
2.是否可以选择其他的选择器?
可以,但是一般选择id选择器
3.是否可以设置其他的dom元素?
可以设置其他的双标签,不能使用在html和body
vue指令
一、内容绑定、事件绑定
v-text
设置标签的内容,默认的写法是替换全部内容,使用差值表达式{{}}可以替换指定内容
v-html
作用:设置元素的innerHTML,内容中有html内容会解析成标签,v-text中内容无论是什么都只会是文本
v-on
作用:绑定事件。
二、显示切换,属性绑定
v-show
作用:设置元素是否显示,操作的是display属性。里面放的是布尔值,true为显示,flase为不显示。
v-if
作用:同v-show,但是操作的是dom元素,消耗资源,频繁使用的话用v-show。
v-bind
作用:为元素绑定属性,完整的写法是v-bind:属性名,简写:属性名。
v-for
作用:根据数据生成列表结构,语法是(item,index) in 数据。
注意:数据的更新会同步到页面上,因为是响应式的