Vue中的一些基本指令

computed是在输出data之前,对data进行的一种改造,主要是不污染原始数据
v-text就相当于在标签上将值已经绑定成功了,在显示出来,如果绑定不成功,也不显示这一块,也就是与{{}}的区别,{{}}在加载不出来时显示{{}},如果内容为标签时,则会把标签当成字符串渲染出来,而不会解析标签,所以使用v-html代替,但是v-html容易导致黑客攻击,所以只有在确保页面安全性的情况下,才能使用
v-model绑定数据源,实现了双项数据绑定,修饰符.lazy,当鼠标的焦点离开文本框才开始改变,.number,如果事按着12334sdg这样输入,就是12334,如果按着sfgh123则.number失效,按着原样输出,.tirm就是去空格
v-pre:vue不进行渲染,直接原样输出
v-cloak:只有整个DOM渲染完了,才显示元素里面的值
v-once:只进行一次渲染,再双项数据绑定则不进行改变
v-bind绑定标签上的属性,最常用的是class,后面可以跟数组,对象,三元运算符
          直接绑定style:对象形式绑定,每次绑定时,在data中注册,或者在style中声明对象,注意font-size这类带-的,需要写成fontSize这样的写法
组件的属性prop:在组件标签中<jspang  here="china"></jspang>,注册选项props,这样here就可以在组件中使用,如果是将构造器中的值传入,则需要在组件标签中写对here进行绑定,即:here=""
component标签:vue中自带标签,动态的根据data的值显示我们注册的组件

猜你喜欢

转载自blog.csdn.net/weixin_38098192/article/details/80329708