读书笔记:《Vue.js实战》 - 梁灏 著

总结了 Vue.js 的核心功能与特性,包括 beforeDestroy 生命周期解绑事件、v-pre 跳过编译、插值过滤器、计算属性缓存机制、.number 修饰符转换类型、父子组件实例访问、webpack-dev-server 热更新、箭头函数 this 指向规则,以及 Vuex 中 getters 和模块化的状态管理方法。

Vue.js 组件通信

介绍了 Vue 中组件通信的多种方式,包括父组件通过 props 向子组件传值、子组件使用 $emit 向父组件发送事件、自定义组件的 v-model 实现双向绑定,以及利用 Vue 实例作为事件中转站实现任意组件间通信。提供了具体代码示例,清晰展示实现方法与应用场景。

基于 Vue.js 的前端开发规范

提供了 Vue 组件命名、Prop 定义、指令使用及样式规范,强调 v-for 和 v-if 的高效用法。JavaScript 部分建议使用 let/const、箭头函数、模块化及 Map 等优化代码。HTML/CSS 强调语义化命名、简化选择器、属性缩写及避免使用 table 布局,统一采用 HTML5 标准,注重代码可读性与性能优化。

vue-router 路由懒加载

对比了 Vue Router 的正常配置与懒加载配置,懒加载通过动态引入组件的方式减少初次加载体积。在执行 npm run build 后,会生成与路由对应的独立 .js 文件,切换路由时按需加载,提升页面加载性能,并适用于解决首屏加载缓慢的问题。

Vue.js 学习 - 基础语法

介绍了 Vue.js 的核心指令,包括条件渲染 (`v-if`, `v-show`, `v-else`)、列表渲染 (`v-for`)、动态绑定 (`v-bind`) 和事件监听 (`v-on`) 等,提供了简写语法和综合示例,展示了如何构建动态交互的页面。通过这些指令,可以高效地实现数据驱动的视图更新和用户操作响应。