Vue基础学习3

Vue基础3

v-text和v-html

1为了解决vue的“{{}}”带来的屏幕闪烁问题，特意加了一个这样的属性。不过为了使其生效，需要去加入样式

 

2为文档的注入。3为标签的注入

 

事件冒泡

在点击button之后事件会从button一直往外传递。这样，显示的结果就是：

为了避免事件向上传递，我们可以通过获取事件对象，停止事件结束：

 

click的修饰符

屏蔽默认点击事件

对于类似a标签带了跳转功能的标签，为了执行设置的click方法，而不跳转，我们需要组织它默认的跳转属性。

为了简化跳转操作，Vue给我们的click设置了相关的属性去提到

prevent替代preventDefault，stop替代stopPropagation。

 

只希望执行一次的操作

对于只希望执行一次的点击操作，我们可以设置once这个属性去实现。

 

键盘和它的修饰符:

对于keydonw是纯粹的键盘按下事件，但是，我们可以通过控制修饰符去设定按下哪些建我们能触发事件。

 

 

过滤器

过滤器这里有两种，一种是放在Vue的内部。但是大部分过滤器是公用的，我们选择放在Vue的外部使用。