vue单文件学习复习:
1. 准备好配置文件: package.json(包含描述文件和封装npm run dev命令等) + webpack.config.js文件(打包的配置文件)
2. 创建index.html文件(单页应用的页面)
3. 创建main.js(入口文件), 引入vue, new vue(options)等操作
4. options: el
data
method
components
props
5. 实例 --this -- new Vue() -- 事件: this.$emit(发送) this.$on() this.$once() this.$off()
6. 全局 Vue ---Vue.component('组件名', '组件对象'), 一次引入,在什么地方都可以引用
7. 组件传值 父传值, 可以通过参数 props。 父页面在引入子页面的属性上有参数名,常量就直接用=就可以了,变量要用:=, 在子页面就需要props['name']
子传父, 通过vuebus --先停车到父组件处on一下, --再开车到子组件,如果需要发送,就进行emit,触发上述事 件 的回调函数, vuebue必须是同一辆车。