![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue基本使用
vue的基本知识
啵雨的博客
要学习的还有很多!!
展开
-
vue父子组件生命周期
vue父子组件生命周期一.生命周期(单个组件)分为 挂载,更新,销毁 三个阶段生命周期演示二.生命周期(父子组件):原创 2020-07-15 10:46:14 · 10167 阅读 · 0 评论 -
vue组件之间的传值,通讯
vue组件之间的传值vue组件之间的传值一.父传子:二.子传父:三.兄弟传兄弟:转载 2020-07-14 18:03:46 · 146 阅读 · 1 评论 -
v-model是什么?怎么使用?
v-model是什么?怎么使用?v-model用于表单数据的双向绑定,其实它就是一个语法糖,这个背后就做了两个操作:v-bind绑定一个value属性v-on指令给当前元素绑定input事件v-model很好地体现了vue双向绑定的理念。单向绑定非常简单,就是把Model绑定到View,当我们用JavaScript代码更新Model时,View就会自动更新。有单向绑定,就有双向绑定。如果用户更新了View,Model的数据也自动被更新了,这种情况就是双向绑定。什么情况下用户可以更新View呢原创 2020-07-11 12:44:10 · 17704 阅读 · 2 评论 -
vue中event事件,事件修饰符,按键修饰符
vue中event事件,事件修饰符,按键修饰符一.event事件1》首先我们搞明白,event对象作为参数怎么传的如果像button的increment1函数,没有其他参数,则method的increment1可以直接获取event如果想button的increment2函数,有其他参数,则method的increment2则需要通过**$event**获取当我们点击increment1的按钮,控制台会打印以下的结果(target指元素挂载在什么地方,currentTarget 是指什么地原创 2020-07-11 11:42:41 · 431 阅读 · 0 评论 -
Vue中 v-if 和v-show 的区别 以及v-if和v-for的问题
Vue中 v-if 和v-show 的区别1.手段:v-if是动态的向DOM树内添加或者删除DOM元素;v-show是通过设置DOM元素的display样式属性控制显隐;2.编译过程:v-if切换有一个局部编译/卸载的过程,切换过程中合适地销毁和重建内部的事件监听和子组件;v-show只是简单的基于css切换;3.编译条件:v-if是惰性的,如果初始条件为假,则什么也不做;只有在条件第一次变...转载 2020-05-02 19:16:10 · 297 阅读 · 0 评论 -
vue中class和style
vue中class和style注意采用驼峰命名法原创 2020-07-10 22:56:38 · 187 阅读 · 0 评论 -
vue中 computed和watch的区别
vue中 computed和watch的区别1》computed有缓存,什么是缓存呢,就是data不变则不会计算由于缓存机制,num值不变的话,double1()get()set()不会执行2》watch默认是浅度监听,下面的info引用类型,city属性发生改变,监听不到。3》值类型,可以监听 而且oldval和val都可以获取3》watch经过操作可以对引用类型进行深度监听,但是也不能获取oldval深度监听方法,利用handler 和deep:trueinfo的oldval是获取不原创 2020-07-10 22:52:50 · 229 阅读 · 0 评论 -
Vue文本渲染三种方法 {{}}、v-html、v-text
有一个input输入框,需要用户输入名字,用户却输入一个恶意脚本,<script>alert(document.cookie)</script>,或者用户输入一个HTML,在标签中嵌入恶意脚本,如src,href,css style等。如:<IMG SRC="javascript:alert('XSS');">;原创 2020-07-10 21:35:02 · 1889 阅读 · 0 评论