cqj0008的博客

修改器: @click.stop 阻止冒泡 @keydown.enter 回车键按下触发的事件 2.父子组件之间的传值 : 点击事件(@click=”变量名”) –> 在组件里面的methods写方法(变量名的函数) –> this$emit(‘事件名’,传递的数据) –> 父组件接收(@事件名=’新的变量名’) –> 在methods里面写方法(新的变量名函数,函数的括号里面数据

1.vue-cli(脚手架): 成熟的vue项目架构设计 –> 本地测试的服务器(热加载) –> 集成打包上线方案2.vue-cli的要求: node.js(>=4.0) –> git –> 一个能使用node命名终端. 3. (安装vue-cli)–> npm install vue-cli -g –>(初始化项目) vue init webpack my-project –>(安装项目的依赖)

1.vue特点: 模板渲染 模块化 扩展功能 (路由 ajax) 2. 实例 –> 组件 –> 指令 –> 选项 –> 模板渲染 –> 事件的绑定 –> 计算属性 –> 内置动画 –> 组件交互 –> 路由 3.项目开发 : 页面 –> 首页 –> 列表页 –> 售卖页(子路由页 –> 选项 –> 产品说明 –> 各种弹窗) 4.vue (数据渲染/数据同步) –> (组件化/模块化)

vuex (状态管理)1.网站很多数据,很多组件,共享状态2.直接做法,通过事件(even bus)3.状态管理的模型: 每个组件更新,数组中心触发每个更新组件4.v组件 –> Actions –> Mutations (动作) –> State(数据中心状态)–> 反映到页面的组件渲染5.Actions(异步操作) –> Mutations(同步) –> 数据的单向流动6.安装vuex : cnp