vue基础配置和指令

配置

***{{}}
//vue渲染数据状态的标签
//标签中可以直接渲染data中的数据，也可以写简单的逻辑

***vue的挂载点
第一种
new Vue({
	el:"标签名",	//vue挂载点，vue的代码必须在挂载点内才会生效
	data:{},	//data用来储存vue的数据状态
	methods:{},	//项目中涉及的函数以及事件函数放在methods中
	computed:{},//计算属性
	watch:{},	//监听
})

第二种
new Vue({}).$mount("标签名")

指令

v-html	//把变量中标签解析出来，让浏览器渲染标签中的内容
v-text	//会把对应的值当成字符串直接渲染出来，不会解析标签
v-if	//删除dom元素控制标签的隐藏
v-show	//display:none/block 控制标签的隐藏显示
v-for	//循环  (item,index) in 数组，通常结合 key 值使用
v-on	//绑定事件，可以简写为 @
v-bind	//绑定指令，可以绑定标签中的所有属性，也可以绑定自定义属性,可以简写为 :
v-model	//一个数据双向绑定，通常用于表单
v-pre	//跳过这个元素和它的子元素编译过程，可以用来显示原始Mustache标签，跳过大量没有指令的节点会加快编译
v-cloak	//可以隐藏未编译的Mustache标签，直到实例准备完毕，结合css样式 [v-cloak]{diaplay:none}
v-once	//只渲染元素和组件一次
key		//使用key值，给元素一个唯一的标识