目录
Vue前端框架
在前端开发中,经常要通过js代码来进行一些逻辑操作,最终还要把这些逻辑操作的结果展现在页面中,这需要我们通过操作DOM来完成。而Vue这种MVVM模式的框架,通过viewmodel实现数据双向绑定,让数据自动地双向同步,从而避免了操作DOM的过程。
第一个vue程序
1. 导入开发版本的Vue.js
2. 创建Vue实例对象,设置 el 属性和 data 属性
3. 使用模板语法把数据data渲染到页面
el 挂载点:
- el是用来设置Vue实例挂载的元素
- Vue会管理 el 选项命中(通过id、class等)的元素及其内部的后代元素
- 可以使用其他的属性选择器,但是建议使用ID选择器
- 可以使用其他的双标签,不能使用HTML和BODY
data数据对象:
- Vue框架中需要渲染到页面上的数据都定义在data当中
- data中可以书写复杂类型的数据,比如数组
- 渲染复杂类型数据时,遵守js的语法即可
vue指令
vue指令是以v-开头的一组特殊语法,用于vue框架的数据渲染
1. v-text指令
- v-text指令的作用是设置便签的内容
- 默认写法会替换全部内容,使用插值表达式{ {}}可以替换指定内容
- 内部支持写表达式
2. v-html指令
- v-html指令的作用是设置元素的innerHTML
- 内容中有html结构会被解析为标签
- v-text指令无