- Hello,我是渔戈,今天我带大家来跟Vue3来一场美丽的邂逅~ 1.Vue是什么??? Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。 全称是Vue.js或者Vuejs； 什么是渐进式框架呢？表示我们可以在项目中一点点来引入和使用Vue，而不一定需要全部使用Vue来开发整个项目. Hello,我是渔戈,今天我带大家来跟Vue3来一场美丽的邂逅~ 1.Vue是什么??? Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。 全称是Vue.js或者Vuejs； 什么是渐进式框架呢？表示我们可以在项目中一点点来引入和使用Vue，而不一定需要全部使用Vue来开发整个项目.
- 大家好，我是CoderBin，本次讲讲Vue3中关于 <script setup> 的基本使用语法，其中包含了响应式、组件相关、数据暴露等内容，希望对大家有所帮助，谢谢。 如果文中有不对、疑惑的地方，欢迎在评论区留言指正🌻 大家好，我是CoderBin，本次讲讲Vue3中关于 <script setup> 的基本使用语法，其中包含了响应式、组件相关、数据暴露等内容，希望对大家有所帮助，谢谢。 如果文中有不对、疑惑的地方，欢迎在评论区留言指正🌻
- 动态渲染.vue文件其实存在于很多地方，例如近期做的表单设计器就是其中一个，生成vue代码后，应用在其它地方。要求下载完vue文件在其它项目中引入即可使用。那么动态渲染.vue项目如何去做呢？1. 我们需要一个模板页面，这个页面用来处理传递进来的代码，我们最后通过之前有说过的 extend 以及$mount 来进行实例化挂载。那么，我们先第一步，创建一个动态渲染.vue的模板页面。<!-... 动态渲染.vue文件其实存在于很多地方，例如近期做的表单设计器就是其中一个，生成vue代码后，应用在其它地方。要求下载完vue文件在其它项目中引入即可使用。那么动态渲染.vue项目如何去做呢？1. 我们需要一个模板页面，这个页面用来处理传递进来的代码，我们最后通过之前有说过的 extend 以及$mount 来进行实例化挂载。那么，我们先第一步，创建一个动态渲染.vue的模板页面。<!-...
- vue项目大家都了解，开发用 npm run dev/npm run serve。而要上线则必须是先将项目打包编译 npm run build 之后成为了普通的静态网页才可上线进行部署及发布。同样这时候我们也已经将代码全部写好了。如果说要改里面的某个值或者修改请求地址我们应该怎么办呢？其实这个问题，我们也可以将它改成，vue/react项目打包编译后如何再修改其配置。打包之后的项目目录如上... vue项目大家都了解，开发用 npm run dev/npm run serve。而要上线则必须是先将项目打包编译 npm run build 之后成为了普通的静态网页才可上线进行部署及发布。同样这时候我们也已经将代码全部写好了。如果说要改里面的某个值或者修改请求地址我们应该怎么办呢？其实这个问题，我们也可以将它改成，vue/react项目打包编译后如何再修改其配置。打包之后的项目目录如上...
- 简单介绍一下vue实例常用的属性和方法。 简单介绍一下vue实例常用的属性和方法。
- v-model、v-bind、v-on三大指令的区别和使用。 v-model、v-bind、v-on三大指令的区别和使用。
- 缘起最近做的一个小需求涉及到排序，界面如下所示：因为项目是使用vue的，所以实现方式很简单，视图部分不用管，本质上就是操作数组，代码如下：{ // 上移 moveUp (i) { // 把位置i的元素移到i-1上 let tmp = this.form.replayList.splice(i, 1) this.form.replayList.s... 缘起最近做的一个小需求涉及到排序，界面如下所示：因为项目是使用vue的，所以实现方式很简单，视图部分不用管，本质上就是操作数组，代码如下：{ // 上移 moveUp (i) { // 把位置i的元素移到i-1上 let tmp = this.form.replayList.splice(i, 1) this.form.replayList.s...
- 在通读了vue的官网文档后，我记录下了如下这些相对于2.x的变化之处。 1.创建应用实例的变化之前一般是这样：let app = new Vue({ // ...一些选项 template: '',// 字符串模板 render: h => h(App)// 单文件情况下})let vm = app.$mount('#app')app === vm// true而现在变成这样：import ... 在通读了vue的官网文档后，我记录下了如下这些相对于2.x的变化之处。 1.创建应用实例的变化之前一般是这样：let app = new Vue({ // ...一些选项 template: '',// 字符串模板 render: h => h(App)// 单文件情况下})let vm = app.$mount('#app')app === vm// true而现在变成这样：import ...
- 前言大家好，我是CoderBin，最近在写Vue的项目，由于有一段时间没写的原因，对Vue中的修饰符有些生疏了。所以花了点时间去看了下文档，所以，本文将总结关于Vue中的一些常见的修饰符和写法，希望对大家有所帮助,谢谢。如果文中有不对、疑惑的地方，欢迎在评论区留言指正🌻 一、修饰符是什么在Vue中，修饰符处理了许多DOM事件的细节，让我们不再需要花大量的时间去处理这些烦恼的事情，而能有更... 前言大家好，我是CoderBin，最近在写Vue的项目，由于有一段时间没写的原因，对Vue中的修饰符有些生疏了。所以花了点时间去看了下文档，所以，本文将总结关于Vue中的一些常见的修饰符和写法，希望对大家有所帮助,谢谢。如果文中有不对、疑惑的地方，欢迎在评论区留言指正🌻 一、修饰符是什么在Vue中，修饰符处理了许多DOM事件的细节，让我们不再需要花大量的时间去处理这些烦恼的事情，而能有更...
- 支持预处理器除了基本的html、js和css，作为一个强大的工具，我们有必要支持一下常用的预处理器，比如html的pug，js的TypeScript及css的less等，实现思路相当简单，加载对应预处理器的转换器，然后转换一下即可。 动态切换编辑器语言Monaco Editor想要动态修改语言的话我们需要换一种方式来设置文档，上文我们是创建编辑器的同时直接把语言通过language选项传递... 支持预处理器除了基本的html、js和css，作为一个强大的工具，我们有必要支持一下常用的预处理器，比如html的pug，js的TypeScript及css的less等，实现思路相当简单，加载对应预处理器的转换器，然后转换一下即可。 动态切换编辑器语言Monaco Editor想要动态修改语言的话我们需要换一种方式来设置文档，上文我们是创建编辑器的同时直接把语言通过language选项传递...
- @[toc] 1 推荐信息 1.1 思路看了这个gif后，可以清楚的看到产生了三个动画效果：图片"拉近"，"了解更多"从下往上显示出来，阴影。我看了华为官网的源代码，发现图片本身就是有一个mask的，这样能让图片看起来暗一些，也就意味着，当鼠标进入的时候，只需要让mask的背景颜色更深一些，就实现了阴影的效果。至于图片"拉近"，我早就写过了，无非是把图片放大，然后超出盒子的不显示，这个也容易... @[toc] 1 推荐信息 1.1 思路看了这个gif后，可以清楚的看到产生了三个动画效果：图片"拉近"，"了解更多"从下往上显示出来，阴影。我看了华为官网的源代码，发现图片本身就是有一个mask的，这样能让图片看起来暗一些，也就意味着，当鼠标进入的时候，只需要让mask的背景颜色更深一些，就实现了阴影的效果。至于图片"拉近"，我早就写过了，无非是把图片放大，然后超出盒子的不显示，这个也容易...
- “我报名参加金石计划1期挑战——瓜分10万奖池，这是我的第2篇文章，点击查看活动详情”上一篇Vite入门从手写一个乞丐版的Vite开始（上）我们已经成功的将页面渲染出来了，这一篇我们来简单的实现一下热更新的功能。所谓热更新就是修改了文件，不用刷新页面，页面的某个部分就自动更新了，听着似乎挺简单的，但是要实现一个很完善的热更新还是很复杂的，要考虑的情况很多，所以本文只会实现一个最基础的热更新效... “我报名参加金石计划1期挑战——瓜分10万奖池，这是我的第2篇文章，点击查看活动详情”上一篇Vite入门从手写一个乞丐版的Vite开始（上）我们已经成功的将页面渲染出来了，这一篇我们来简单的实现一下热更新的功能。所谓热更新就是修改了文件，不用刷新页面，页面的某个部分就自动更新了，听着似乎挺简单的，但是要实现一个很完善的热更新还是很复杂的，要考虑的情况很多，所以本文只会实现一个最基础的热更新效...
- “我报名参加金石计划1期挑战——瓜分10万奖池，这是我的第1篇文章，点击查看活动详情”Vite是什么就不用笔者多说了，用过Vue的朋友肯定都知道，本文会通过手写一个非常简单的乞丐版Vite来了解一下Vite的基本实现原理，参考的是Vite最早的版本（vite-1.0.0-rc.5版本，Vue版本为3.0.0-rc.10）实现的，现在已经是3.x的版本了，为什么不直接参考最新的版本呢，因为一上... “我报名参加金石计划1期挑战——瓜分10万奖池，这是我的第1篇文章，点击查看活动详情”Vite是什么就不用笔者多说了，用过Vue的朋友肯定都知道，本文会通过手写一个非常简单的乞丐版Vite来了解一下Vite的基本实现原理，参考的是Vite最早的版本（vite-1.0.0-rc.5版本，Vue版本为3.0.0-rc.10）实现的，现在已经是3.x的版本了，为什么不直接参考最新的版本呢，因为一上...
- 持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第10天，点击查看活动详情本文为Varlet组件库源码主题阅读系列第十篇，也是最后一篇，读完本篇，可以了解到如何通过创建一个Vue3响应式对象就可以轻松实现国际化的需求。Varlet组件库支持多语言切换，使用也很简单：本文会从源码角度来看一下它是如何实现的，希望给你提供一点思路。如上图所示，主要就是提供了三个方法，不过在了... 持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第10天，点击查看活动详情本文为Varlet组件库源码主题阅读系列第十篇，也是最后一篇，读完本篇，可以了解到如何通过创建一个Vue3响应式对象就可以轻松实现国际化的需求。Varlet组件库支持多语言切换，使用也很简单：本文会从源码角度来看一下它是如何实现的，希望给你提供一点思路。如上图所示，主要就是提供了三个方法，不过在了...
- 持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第9天，点击查看活动详情本文为Varlet组件库源码主题阅读系列第九篇，读完本篇，可以了解到如何使用一个div创建一个点击的水波效果。Varlet组件库提供了一个使元素点击时生成水波扩散效果的指令：<template> <div v-ripple>点击</div></template>接下来就从源码角度看看它是如何实现的... 持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第9天，点击查看活动详情本文为Varlet组件库源码主题阅读系列第九篇，读完本篇，可以了解到如何使用一个div创建一个点击的水波效果。Varlet组件库提供了一个使元素点击时生成水波扩散效果的指令：<template> <div v-ripple>点击</div></template>接下来就从源码角度看看它是如何实现的...
上滑加载中
推荐直播
-
OpenHarmony应用开发之网络数据请求与数据解析2025/01/16 周四 19:00-20:30
华为开发者布道师、南京师范大学泰州学院副教授，硕士研究生导师，开放原子教育银牌认证讲师
科技浪潮中，鸿蒙生态强势崛起，OpenHarmony开启智能终端无限可能。当下，其原生应用开发适配潜力巨大，终端设备已广泛融入生活各场景，从家居到办公、穿戴至车载。 现在，机会敲门！我们的直播聚焦OpenHarmony关键的网络数据请求与解析，抛开晦涩理论，用真实案例带你掌握数据访问接口，轻松应对复杂网络请求、精准解析Json与Xml数据。参与直播，为开发鸿蒙App夯实基础，抢占科技新高地，别错过！
回顾中 -
Ascend C高层API设计原理与实现系列2025/01/17 周五 15:30-17:00
Ascend C 技术专家
以LayerNorm算子开发为例，讲解开箱即用的Ascend C高层API
回顾中
热门标签