单独引入vue.js文件写组件的方法：首先引入vue.js文件；然后使用“Vue.component”方法创建一个card组件；最后使父页面调用该组件即可。
本教程操作环境：windows7系统、vue2.5.17版本，Dell G3电脑。
相关推荐：《vue.js教程》
单独引入vue.js文件如何写组件？
1、首先引入vue.js文件
立即学习“前端免费学习笔记（深入）”；
Perl 基础教程 chm
下载
Perl 基础入门中文教程，chm格式，讲述PERL概述、简单变量、操作符、列表和数组变量、文件读写、模式匹配、控制结构、子程序、关联数组/哈希表、格式化输出、文件系统、引用、面向对象、包和模块等知识点。适合初学者阅读和了解Perl脚本语言。
2、然后使用Vue.component方法创建一个card组件
Vue.component("card",{
props:{//这里是组件可以接受的参数，也就是相当于面向
// 原型写组件时的配置参数，用户可以传递不同参数，自己定义组件
cardTitle:{//卡片标题
type:String,
default:'这是一个卡片'
},
list:{//列表内容
type:Array,
default:[]
}
},
template:`
{{cardTitle}}
`,
methods:{//这里定义的组件的方法，利用$emit()进行父子组件通信，子组件通过点击事
// 件告诉父组件触发一个自定义事件，$emit()方法第二个参数也可以用来传递数据
okHandle(){
this.$emit("ok");
},
cancelHandle(){
this.$emit('cancel')
}
}
});使用：
父页面调用这个组件，最外层必须是vue的实例id为app的div元素包裹才行。
