vue组件

一、事件修饰符
事件修饰符:
// .stop阻止事件冒泡**
// .prevent阻 止事件的默认行为**
// .capture事件捕获
// .self自 身触发
// .once只触发一次
二、组件
组件式vue最强大的功能之一
可以扩展html元素，封装可以重用的代码
优点:
1.能减少代码的重用，提高开发效率
2.降低页面的耦合度，使页面更方便维护和管理
2.1局部组件
new Vue({
el:" #app" ,
data:{},
methods:{},
computed:{},
filters:{},
watch:{}, .
// components:{//局部
// ‘my-component’:{
//template:
//

//

he||0Com
ponent

//
//

//
//模板htmI元素
// }
// }
})
(推荐使用)
var col={
template:

{{msg}}

1. 组件中 is 的特性：

有些 HTML 元素，诸如

• 、
  1. 、 和 ，对于哪些元素可以出现在其内部是有严格限制的。而有些元素，诸如
  2. 、
  3. 和 ，只能出现在其它某些特定的元素内部。

这会导致一些bug：

这个自定义组件

会被作为无效的内容提升到外部，并导致最终渲染结果出错。幸好这个特殊的
is
特性给了我们一个变通的办法：

需要注意的是如果我们从以下来源使用模板的话，这条限制是不存在的：
字符串 (例如：template: ‘…’)
单文件组件（.vue）