Vue 基础知识点:
Vue的基本使用步骤
1、需要提供Vue.js库文件
2、需要标签用来填充数据——id选择器
3、new vue( {} )
4、把Vue提供的数据填充到标签里面——{{xxx}}
实例化Vue时必须要加的属性:
var 变量名 = new Vue({
el: " ",
data: {
}
})
其中,el 表示 Vue要控制哪个标签
data 用来存放数据
HTML中应用时,采用 {{ }} — 差值表达式
<div> {{info}} </div>
<div> {{1 + 2}} </div>
指令合集
v-cloak指令的用法:
解决了什么问题: 闪动
差值表达式所遗留的
v-text: 填充纯文本
用于将数据填充到标签中,作用于差值表达式类似,但没有闪退问题
v-html: 填充HTML片段
用于将HTML片段填充到标签中,但是可能存在安全问题(会解析HTML标签)
v-pre: 填充原始信息,显示原始信息
v-model: 双向数据绑定,只有input、select、textarea 才能有v-model
Vue事件绑定
事件函数传参根据需要自己填