人生重要的不是所站的位置,而是所朝的方向;
今天正式开始vue的学习,与以前有了不同的收获,学了一些指令,如何正确的运用这些指令:
所学的知识点归纳整理如下:
组件 component
1.页面中的一部分,可以复用, 本质上是一个拥有预定义选项的一个 Vue 实例
2.使用
1)定义
全局组件
a.定义
Vue.component("组件的名字",{
template:"<div>组件模版的内容</div>"
})
b.使用
<组件的名字></组件的名字>
c.坑
使用时成对标记
名字时驼峰命名的,改为 - 的形式
不能和现有标签重名menu header process
局部注册组件的定义 (常用)
var 组件的名字 = {
template:"<div>组件的内容</div>"
}
new Vue({
.....
components:{ //局部注册
key:组件的名字
}
.....
})
<组件的名字></组件的名字>
组件里的数据
data(){ //为了保证每个组件的实例数据是独立的
return {
key:value
}
}
methods
computed
watch
template:组件里必须有模版
组件的事件响应
<组件 v-on:事件.native=“事件处理函数" />