vue.js表格组件开发的实例详解表格组件开发的实例详解
前言前言
组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自
定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以 is 特性扩展。
组件开发的基础组件开发的基础
组件可以扩展 HTML 元素，封装可重用的代码。我理解为功能模块的模板吧。
对于vue来说，组件是这个样子的，我们在html里面写
<div id="example">
<my-component></my-component>
</div>edx
然后就出来
<div id="example">
<div>A custom component!</div>
</div>
代码 <div>A custom component!</div>我们只要写一遍就行了 。
所以我们需要定义它，把 my-component的标签和代码关联起来，所以我们要定义它
// 定义
var MyComponent = Vue.extend({
template: '<div>A custom component!</div>'
})
定义了之后，我们要让页面能够渲染它，让Vue知道它的存在
// 注册
Vue.component('my-component', MyComponent)
// 创建根实例
new Vue({
el: '#example'
})
以上，是官网一个非常简单的例子 ，其实觉得和一个function的封装也差不多，定义，引入，然后执行。
然后一个组件可以引用别的组件的东西，有点像函数的互相调用啊。
var Child = Vue.extend({ /* ... */ })
var Parent = Vue.extend({
template: '...',
components: {
// <my-component> 只能用在父组件模板内
'my-component': Child
}
})
一个表格组件的实例一个表格组件的实例
这是官网的例子
剩余6页未读，继续阅读
资源评论
