本次练习涉及Vue循环,以及class、id、href等属性的绑定。在进行练习前,需要引入Vue2资源。
HTML5 22 次浏览
详解了Vue中的路由自动注入概念,借鉴自nuxt。通过一个独立的webpack插件,我们可以根据文件目录格式自动生成router.js,避免手动输入代码引入模块。该插件对vue-router的核心功能进行了完善,提供了详细的使用指南和文档,可以在我们的GitHub仓库查看。举一个简单的例子,假设你的
Webpack 19 次浏览
Vue.js 3 实践指南 本指南涵盖了使用 Vue.js 3 构建 web 应用的核心概念与技术,帮助你快速上手并构建出现代化的 web 应用。 核心主题: Vue.js 项目初始化: 学习如何使用 Vue CLI 创建和配置新的 Vue 项目。 路由管理: 掌握 Vue Router 的使用
Nodejs 26 次浏览
本篇笔记涵盖Vue基础知识,提供详细源码和实战案例,助你轻松掌握Vue开发。
Javascript 21 次浏览
拥抱Vue浪潮,打造高效开发工具 2017年,Vue.js 势头强劲,成为 React 的有力竞争者。我们团队在多个项目中应用 Vue 技术栈,获得了开发效率、性能和可维护性的提升。为进一步提升效率,我们将项目中的可复用组件提取出来,构建一个基于 Vue 2 的移动端 UI 组件库。 脚手架的选择
Webpack 25 次浏览
TypeScript 作为 Vue 3.0 开发中不可或缺的工具,其特性和技巧可以显著提高代码质量和开发效率。将介绍九个实用的 TypeScript 实战技巧,涵盖注释、类型推导、接口、枚举、泛型、条件类型、工具类型、装饰器和高级特性,帮助开发者充分利用 TypeScript,打造高效可靠的 Vue
Typescript 15 次浏览
Vue3-TS-Happysooner-Web是一个基于Vite 2.0, Vue 3.0, Vuex 4.0和Vue-Router 4.0的复刻项目,主要用于Vue 3.0的学习与实践。项目已集成Docker部署方式,并提供dockerfile文件,部署流程与常规Vue项目相似。代码风格多样,强调
Typescript 25 次浏览
在Vue和Webpack结合使用时,实现异步加载是提高性能的有效方式。以下提供三种实践示例: 示例一:动态import通过import函数实现组件的按需加载。例如,定义一个异步组件Home,使用import('@/components/home.vue')进行加载,并在加载完成后使用resolve回
Webpack 18 次浏览
该项目是一个基于Vue的多入口项目,通过升级Webpack4实现了多页面多入口的构建。项目使用Vue + SCSS开发环境,兼容最新LTS版本。安装最新版的依赖后,即可进入try-webpack4项目目录。 项目目录结构清晰,包括源码目录、构建配置目录和其他资源目录。源码目录中包含多页面HTML入口
Webpack 18 次浏览