Vue基础知识记录、指令合集、事件绑定、事件传参

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事件绑定

事件函数传参根据需要自己填