vue 单文件方式: xxx.vue
1, 配置好文件, package.json(包描述文件, 封装 命令 npm run dev)+webpack.config.js 文件(打包的配置文件)
2, 创建 index.html(但页应用的页)
3, 创建 main.js(入口文件)
4, 引入 vue 和相关文件 xxx.vue
- 5,new Vue({options})
- 6,options(选项):
- -data
- -methods
- -components(组件内声明组件)
- -props
7, 实例:
- 在组件内 (xxx.vue) 中的 this
-new Vue()
- 事件
- +this.$on(事件名, 回调函数(参数))
- +this.$emit(事件名, 数据)
+this.$once(事件名, 回调函数 (参数) 就触发一次)
+this.$off(事件名); 取消事件
8. 全局
-vue.component('组件名', 组件对象) 在哪里都可以使用
9. 组件传值
- 父传子: 属性作为参数
+ 常量 title="xxx" 子组件声明接收参数 prop:['xxx']
+ 变量 :title="num" 子组件声明接受参数 prop['xxx']
来源: http://www.qdfuns.com/article/13740/0184ceda53c2f435f0553a703487ed87.html