【vue常用指令、 watch、 computed 、method、】

vue常用指令

v-bind 动态绑定属性的  简写成 :
		v-on 绑定事件 简写成 @
		v-cloak 防止插值闪烁
		
		
		v-if 通过动态的 删除或者添加元素 来实现元素的显示和隐藏
		v-show
		
			都是控制元素的显示和隐藏的，v-if通过动态的 删除或者添加元素 来实现元素的显示和隐藏
			v-show是通过 css的display：none来隐藏元素
		
		v-html -- 会解析标签 （富文本）
		v-text  -- 不会解析标签
		
		
		v-pre  -- 跳过插值解析
		v-once -- 只渲染一次
		
		
		v-model--双向的数据绑定，form表单
		
		v-for -- 循环遍历
		

watch computed method

methods:{
			add(){
				this.num++
			},
			methodNum(){
				return '¥' + this.num
			}
		},
		computed:{
			comNUm: {
				get(){
					return '¥' + this.num	
				},
				set(val){
					this.num = val.replace('¥','')
				}
			}
			// comNUm(){
			// 	return '¥' + this.num
			// }
		},
		filters:{
			filterNum(num){
				return '¥' + num
			}
		},

 
		计算属性，只依赖于所依赖 的值，只会存在他所依赖 的值发生改变的时候，才会改变
		不能直接修改计算属性的值，如果要修改，需要将计算属性写成对象形式
		computed: {
			计算属性: {
				get(){
					
				},
				set(val){
					
				}
			}
		}

replace 替换

str.replace('a',1) //'1bacqad'
 
 //全部   正则
 str.replace(/a/g,'1')   //'1b1cq1d'
 

监听属性watch

和data同级

watch: {
					要监听的值(新值，旧值){
						
					}
				}

如果说要开启立即监听（一进页面立马触发）
深度监听（要监听引用数据类型的改变）

watch: {
					要监听的值： {
						hanlder(newVal,oldval){
							
						},
						immediate: true  // 立即监听
						deep: true  // 深度监听
					}
				}

监听属性都可以监听那个值的改变？

data中的数据
计算属性中的值
监听路由