vue.js开发 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

Vue.js组件开发

一、Vue.js 概述 Vue.js 是一个渐进式JavaScript框架，主要用于构建用户界面。它的核心库专注于视图层，易于上手，并且与其他库或已有项目进行整合非常友好。...Vue.js 的设计灵活，可以用于从简单的单页应用到复杂的前端项目。 1.1 特性响应式数据绑定：Vue.js 使用数据观察者模式，当数据变化时，视图会自动更新。...二、基本使用 2.1 安装 Vue.js 可以通过 CDN 引入 Vue.js，或者使用 npm 来安装： <!...computed: { reversedMessage() { return this.message.split('').reverse().join(''); } } 3.3 组件化开发...Vue.use(VueRouter); // 使用 Vue Router 六、Vue 3.x 的变化 Vue 3 带来了很多新的特性和优化： Composition API：允许开发者以函数的形式组织代码

3111 0

Vue.js 插件开发详解

本文作者：IMWeb 林鑫原文出处：IMWeb社区未经同意，禁止转载前言随着 Vue.js 越来越火，Vue.js 的相关插件也在不断的被贡献出来，数不胜数。...但是我们更多的人还只停留在使用的阶段，比较少自己开发。所以接下来会通过一个简单的 vue-toast 插件，来了解掌握插件的开发和使用。认识插件想要开发插件，先要认识一个插件是什么样子的。...Vue.js 的插件应当有一个公开方法 install 。...开发 vue-toast 需求：在组件中通过调用 this.$toast('网络请求失败') 来弹出提示，默认在底部显示。可以通过调用 this.$toast.top() 或 this.

6.8K6 0

您找到你想要的搜索结果了吗？

是的

没有找到

Vue.js 插件开发详解

前言随着 Vue.js 越来越火，Vue.js 的相关插件也在不断的被贡献出来，数不胜数。比如官方推荐的 vue-router、vuex 等，都是非常优秀的插件。...但是我们更多的人还只停留在使用的阶段，比较少自己开发。所以接下来会通过一个简单的 vue-toast 插件，来了解掌握插件的开发和使用。认识插件想要开发插件，先要认识一个插件是什么样子的。...Vue.js 的插件应当有一个公开方法 install 。...开发 vue-toast 需求：在组件中通过调用 this.$toast('网络请求失败') 来弹出提示，默认在底部显示。可以通过调用 this.$toast.top() 或 this.

4.9K2 0

Mac安装vue.js开发环境

本来以为在Mac上搭建vue.js的环境挺简单的，谁知遇到各种问题（可能是RP问题），网上解决的方法也寥寥无几，这里就记录下遇到的坑。...一、vue.js开发环境 ---- 1、安装 brew，这个简单，直接执行远程脚本 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com...Project description A Vue.js project ? Author danny ? Vue build standalone ?...对于用惯了idea的同学可能想在idea中开发vue，idea配置vue开发环境网上有很多教程，这里就不重复了，随便贴一篇：https://www.cnblogs.com/phpdragon/p/7216994...三、vue.js项目打包部署 ---- 当vue.js项目开发完成需要部署时，先打包，再部署。

5.9K4 1

vue.js应用开发笔记

看vue.js有几天了，之前也零零散散的瞅过，不过一直没有动手去写过demo，这几天后台事比较少，一直在讨论各种需求（其实公司对需求还是比较重视与严谨的，一个项目需求讨论就差不多一周了，这要搁之前，天哪...一、vue.js 1、项目搭建使用vue-cli脚手架，首先必须安装vue、vue-cli：cnpm i vue vue-cli -g，全局安装完成之后我们便可以使用vue-cli脚手架进行项目结构搭建...mock文件夹用来进行mock.js配置，这样前端可以独立于后端接口开发，使用虚拟数据不依赖后端从而更加高效。...3、关于vue.js一些知识点 1）、组件概念组件这个比较好解释，简单理解就是一个个通过vue自己的方式注册的页面（可以是公有页面也可以是单个页面），组件化开发时通过template包裹的一系列部分功能页面都可以称作组件...到这里，一切都ok了，简单的vue.js脚手架项目就搭建完毕了。

2.8K1 0

vscode下面开发vue.js项目

1.首先用官方vue-cli脚手架创建一个vue的集成环境（不会的请阅读上一章节），目录如下：

1.8K4 0

基于vue.js开发的WordPress主题

网站主题 xm-vue-wordpress-theme 一款基于vue开发的wordpress主题主题介绍：https://www.xuanmo.xin/#/single/2317 本地启动、打包

4.6K4 0

【实战】Vue.js 图标选择组件开发

image.png 设置图标不难，方案就是字体图标，可供使用的图标库也有很多，比如阿里巴巴的 Iconfont，以及 Fontaswsome 等，问题在于如何优雅的提供几百个图标供用户选择，而不需要开发去一个一个的写标签...字体图标库 Fontawesome 方案我们使用字体图标的方式，一般是一个这样的标签，平常开发中用一些图标都是用到一个写一个，展示...原文链接：https://blog.zhangbing.site/2018/12/01/Vue-js-图标选择组件实践/ 作者简介：做工程不做码农(微信公众号同名)，Web前端工程师，7年开发经验，坐标杭州

4.3K1 0

Vue.js开发环境搭建的介绍

包含了最基础的Vue.js的框架，包含了打包工具和测试工具，开发调试的最基本的服务器，不需要关注细节，只需关注Vuejs对项目的实现 npm在国内的网络使用较慢，所以推荐下载安装淘宝的镜像 1： 2：安装...cnpm install 这个命令，把所有的依赖都安装到当前的目录下接下来使用命令行启动服务器 npm run dev 监听的端口是8080 搭建成功，在src文件夹底下进行剩下的开发

1.4K3 0

《Vue.js前端开发实战》学习笔记第1章初识Vue.js

和自定义指令，以v-开头绑定到 DOM 元素v-bind（单向绑定）、v-if（条件渲染）、v-for（列表渲染）插件支持扩展功能，配置简单VueRouter（路由）、Pinia（状态管理）二、Vue 版本与开发环境...开发环境准备（必装）编辑器：VSCode → 安装「Vue (Official)」扩展（提供代码高亮、语法提示）运行环境：Node.js（官网下载安装，为包管理工具提供基础）包管理工具：npm/yarn...# 第三方依赖包（自动生成） ├── dist/ # 构建产物（执行 yarn build 后生成，用于部署） ├── src/ # 源代码目录（开发核心...项目开发Vue3 推荐使用 Vite 创建项目（比 VueCLI 更快），npm10 版本下优先用 yarn create vite 项目名 --template vue 命令；项目核心文件：index.html...，挂载目标可以是 DOM 元素或 CSS 选择器（#app/.app）；样式仅作用于当前组件，避免样式污染；Vue3 废弃了过滤器、$on/$off/$once 等功能，开发时需避开

1061 0

Vue.js 现代前端开发的利器

Vue.js: 现代前端开发的利器作者：阿发家的阿花 ---- 引言在当今的前端开发领域，Vue.js已经成为最受欢迎的JavaScript框架之一。...组件化开发：Vue.js鼓励将页面拆分为多个组件，每个组件负责特定的功能。这种组件化开发的方式使得代码更加模块化、可维护性更高，并能提高开发效率。...三、Vue.js在现代前端开发中的重要性响应式数据驱动：Vue.js的响应式数据绑定机制使得数据的变化能够自动驱动视图的更新，大大简化了前端开发中的状态管理和DOM操作。...组件化开发：Vue.js的组件化开发方式让前端开发更加模块化、可维护性更高。开发者可以通过组件的复用和组合来构建复杂的用户界面。...高效的开发体验：Vue.js提供了丰富的工具和开发支持，如Vue Devtools和Vue CLI等，极大地提升了开发效率和调试能力。

4171 0

Vue.js开发环境搭建的介绍

包含了最基础的Vue.js的框架，包含了打包工具和测试工具，开发调试的最基本的服务器，不需要关注细节，只需关注Vuejs对项目的实现 npm在国内的网络使用较慢，所以推荐下载安装淘宝的镜像 1： 2：安装...这不是重要的，重要的是，cnpm install 这个命令，把所有的依赖都安装到当前的目录下接下来使用命令行启动服务器 npm run dev 监听的端口是8080 搭建成功，在src文件夹底下进行剩下的开发

1420 0

技术分享 | 测试平台开发-前端开发之Vue.js 框架

Vue.js 是一套用于构建用户界面的渐进式框架，在目前的前端开放中比较流行的前端框架。 Vue 被设计成自底向上的逐层应用。...Vue的组件化开发目前的前端开发中组件化开发成为了潮流，而所谓的组件化开发就是把页面拆分成多个组件，最后将每一个组件进行罗列，形成我们看到的网页。...安装 1、通过下载 Vue.js 包使用标签进行引入， Vue 会被注册为全局变量。.../vuejs/vue.js"> 2、在线引用 vue.js">...同时 Vue 也提供配套工具来开发单文件组件。

2.3K2 0

vue.js 初体验：Chrome 插件开发实录

背景对于经常和动画开发打交道的开发者对于Animate.css这个动画库不会陌生，它把一些常见的动画效果都封装起来了，非常实用。...中的动画效果时，可以大大的提高我们的开发效率。...作为一个程序员，捣鼓些小工具，不但可以学些新技术还可以提高我们的开发效率，何乐而不为呢。下面就以一个简单的flexbox对齐预览的插件为例，讲讲使用vuejs开发Chrome插件的开发体验和效率。...开发一个插件就跟我们平时做web开发流程没多大的区别，就是先搭好基本的页面，然后使用js来写交互逻辑等功能。...-- 先引入 Vue --> vue.js"> <!

10.8K5 0

基于 Vue.js 的小程序开发框架

基于 Vue.js 的小程序开发框架，从底层支持 Vue.js 语法和构建工具体系。...mpvue 是一个使用 Vue.js 开发小程序的前端框架，目前支持微信小程序、百度智能小程序，头条小程序和支付宝小程序。...框架基于 Vue.js，修改了的运行时框架 runtime 和代码编译器 compiler 实现，使其可运行在小程序环境中，从而为小程序开发引入了 Vue.js 开发体验。...名称由来 mp：mini program 的缩写 mpvue：Vue.js in mini program 主要特性使用 mpvue 开发小程序，你将在小程序技术体系的基础上获取到这样一些能力：彻底的组件化开发能力...：提高代码复用性完整的 Vue.js 开发体验方便的 Vuex 数据管理方案：方便构建复杂应用快捷的 webpack 构建机制：自定义构建策略、开发阶段 hotReload 支持使用 npm 外部依赖

2.8K5 0

Vue.js开发移动端经验总结

作者：阡ゼ陌移动端适配相对于PC端来说，移动端设备分辨率百花齐放，千奇百怪，对于每一个开发者来说，移动端适配是我们进行移动端开发第一个需要面对的问题。...document.documentElement.style.fontSize = document.documentElement.clientWidth / 10 + 'px'; 在实际项目中我们无须在开发中自己进行转换...vmin : vw 和 vh 中的较小值 vmax : 选取 vw 和 vh 中的较大值和rem相比较，视口单位不需要使用js对根元素进行设置，兼容性稍差，但是大部分设备都已经支持了，同样的无须再开发时进行单位换算...；开发项目时我们可以借助第三方组件、插件提高我们的开发效率。...常用组件库 VantUI是有赞开源的一套轻量、可靠的移动端Vue组件库；支持按需引入、主题定制、SSR，除了常用组件外，针对电商场景还有专门的业务组件，如果是开发电商项目的话，推荐使用。

4.9K1 0

Window环境下搭建Vue.js开发环境

大致步骤安装Node.js 安装Vue.js 安装Webpack Step1: 安装Node.js Node.js是一个Javascript运行环境(runtime)。...Step 2: 安装Vue.js 首先使用淘宝的镜像升级npm，使其可以使用cnpm命令(单纯的npm可能由于网络长城因而速度受限)。

3.3K7 0

Vue.js开发的10大最佳实践

摘要作为猫头虎博主，我将向您介绍Vue.js开发中的10大最佳实践。这些建议旨在帮助您编写高效、可维护且性能出色的Vue.js应用程序。...本文将深入探讨这些实践，以确保您的Vue.js项目在性能、可维护性和用户体验方面都达到最佳水平。 1. 组件化开发 Vue.js的核心概念之一是组件化开发。...组件最佳实践', content: '组件化开发有助于提高代码的可维护性和可重用性。'...路由管理使用Vue Router进行路由管理是Vue.js开发的另一个关键方面。它允许您为应用程序创建多个页面，并实现导航和路由参数传递。...总结本文深入研究了Vue.js开发中的10大最佳实践，包括组件化开发、状态管理、路由管理、异步操作、性能优化、单元测试、安全性、代码规范、响应式设计以及文档和注释。

8861 0

技术分享 | 测试平台开发-前端开发之Vue.js 框架（一）

Vue.js 是一套用于构建用户界面的渐进式框架，在目前的前端开放中比较流行的前端框架。 Vue 被设计成自底向上的逐层应用。...Vue的组件化开发介绍目前的前端开发中组件化开发成为了潮流，而所谓的组件化开发就是把页面拆分成多个组件，最后将每一个组件进行罗列，形成我们看到的网页。...比如项目中需要一个按钮时，就可以到对用的组件下面找到它，将代码拿出来即可，里面有各式各样风格的组件：Button component — Vuetify Vue.js安装 1、通过下载 Vue.js.../vuejs/vue.js"> 2、在线引用 vue.js">...同时 Vue 也提供配套工具来开发单文件组件。

2K3 0

Vue.js 基础知识内容（前端开发必备）

Vue.js 是一个渐进式的 JavaScript 框架，主要用于构建用户界面。Vue 的核心库只关注视图层，便于与其他库或现有项目集成。...Vue 介绍Vue.js（通常简称为 Vue）是一个用于构建用户界面的开源 JavaScript 框架。它是由尤雨溪创建的，并且在过去几年中得到了广泛的使用和认可。...Vue 安装Vue 可以通过多种方式安装和使用：通过 CDN 引入：这种方式适合快速原型开发或简单的页面。...通过 npm 安装：适用于基于模块化开发的项目...以上就是 Vue.js 的一些基础知识和 Vue 3 的新特性。希望这篇文章能帮助你更好地理解和使用 Vue.js。Happy coding!

4061 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭