在 Vue 项目里，通常通过哪些途径引入第三方前端库，各自适用什么场景？
考察说明
考查对 Vue 项目中第三方库引入方式的理解及场景选择能力。
回答思路
- 【回答框架 1】引入第三方库常见方式包括：直接 script 标签引入、npm 安装后模块导入、CDN 加速引入。script 标签引入需注意全局变量暴露，适合非模块化或快速原型开发；npm 安装是主流，配合 ES6 import 实现按需加载和构建优化。
- 【回答框架 2】npm 安装后，可在组件中局部引入，也可在入口文件全局使用，统一管理依赖。对于大型库可考虑按需引入（如 babel-plugin-component）减少打包体积。CDN 方式适合降低服务器压力，但需确保网络可用性和版本锁定，避免版本不一致问题。
- 【回答框架 3】选择方式需权衡项目体积、加载性能、开发效率和维护成本。通常推荐 npm 结合构建工具，兼顾模块化和优化；小型项目或快速验证可用 CDN 或 script 标签。
- 【回答框架 4】最终需结合项目构建配置和部署环境，确保引入方式与既有流程兼容，并留意依赖版本兼容性。
- 【关键点 1】npm 配合 ES6 import 是主流方式，利于模块化和构建优化。
- 【关键点 2】CDN 适合降低服务器压力，需锁定版本并确保网络稳定性。
- 【关键点 3】script 标签引入适用于非模块化或快速原型，但需注意全局变量污染。
- 【关键点 4】复杂库可考虑按需引入，减少打包体积。
- 【关键点 5】引入方式选择需综合考量项目场景、性能和可维护性。
- 【易错点 1】不恰当使用 CDN 可能导致版本不一致或离线不可用。
- 【易错点 2】script 标签引入大量库易造成全局命名冲突。
- 【易错点 3】忽视按需引入可能导致打包体积过大。