文章 2023-06-20 来自:开发者社区

Vue(Vue2+Vue3)——6.数据绑定

6 数据绑定6.1 v-bind单向绑定首先还是创建一个新的页面写入基本代码<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>初始vue</title> <!-- 引入vue.js --> <script ...

Vue(Vue2+Vue3)——6.数据绑定
文章 2023-06-20 来自:开发者社区

Vue(Vue2+Vue3)——5.模板语法

Vue(Vue2+Vue3)——5.模板语法首先新建一个页面,写好基本的代码<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>初始vue</title> <!-- 引入vue.js --> <script ...

Vue(Vue2+Vue3)——5.模板语法
文章 2023-06-20 来自:开发者社区

Vue(Vue2+Vue3)——4.分析初识vue小案例

4 分析初识vue小案例4.1 容器和vue实例是一一对应的!容器和vue实例应该是一一对应的,不允许出现一对一或者一对多下面是一个一个容器对多个实例的例子,这里我们把id选择器换成类选择器了<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <ti...

Vue(Vue2+Vue3)——4.分析初识vue小案例
文章 2023-06-20 来自:开发者社区

Vue(Vue2+Vue3)——3.初识vue小案例

3 初识vue小案例既然开发环境准备好了,我们就写一个小案例3.1 首先解决一个小问题需要先在vscode中安装一个插件:live serverLive Server是一个简单的节点应用程序,用于工作目录及其子目录。它也监视文件的变化,当这种情况发生时,它通过web套接字连接向浏览器发送消息,指示它重新加载。为了让客户端支持这个,服务器为每个请求的html文件注入一小段JavaScript代码。....

Vue(Vue2+Vue3)——3.初识vue小案例
文章 2023-06-20 来自:开发者社区

Vue(Vue2+Vue3)——1.Vue简介

Vue(Vue2+Vue3)视频连接:尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通】 https://www.bilibili.com/video/BV1Zy4y1K7SH/?share_source=copy_web&vd_source=595b9579605be6eaa0f5271e19e1bf36知识范围:1 vue基础2 vue-cli(vue脚手架 专门做工....

Vue(Vue2+Vue3)——1.Vue简介
文章 2023-04-16 来自:开发者社区

Vue趣味【Vue3+Element Plus+Canvas实现一个简易画板;支持导出为图片】

前言哈喽小伙伴们,上一期给大家总结了一些常见的Vue实战中的经常用到的Vue小魔法,私下也收到了好多小伙伴的补充;小伙伴们实在是太强啦,和大家一起共同学习进步真的很开心。今天博主使用Vue3,结合ElementPlus和Canvas实现一个建议的画板,支持将绘画作品导出为图片哦;一起来看下吧。粉丝先看博主实在没有绘画细胞大家别笑创建Vue3项目1.使用vite构建一个vue3项目npm crea....

Vue趣味【Vue3+Element Plus+Canvas实现一个简易画板;支持导出为图片】
文章 2023-04-16 来自:开发者社区

走进Vue【二】Vue3语法糖

前言随着2020年9月18号Vue3.0的发布,到现在已经有两年半的时间了,再到尤大大官宣从去年的2月7号开始,Vue3.0将成为Vue.js的默认版本。相信很多小伙伴也已经感受到了Vue3的变化和其独特魅力,虽然技术更迭不停,但我们也不能停下脚步。今天给小伙伴们整理了一些Vue3里的语法糖,大家可以结合Vue2去仔细感受一下,话不多说,咱直接开整。组合式API:setup()组合式API是vu....

走进Vue【二】Vue3语法糖
文章 2023-02-10 来自:开发者社区

vue双向数据绑定原理、vue2和vue3原理的不同点

因为vue2.0 object.defineProperty只能劫持对象属性,无法监控数组下标的变化,导致通过数据下标添加的元素不能实时响应的弊端。为了解决这个问题,经vue内部处理后,可以使用push()、pop() 、shift()、unshift()、splice()、sort()、reverse()进行hack处理,所以其他数组属性也是监测不到,具有一定的局限性。因为object.def....

文章 2023-01-14 来自:开发者社区

vue vue3 实现滚动进度条,斑马纹进度条

vue实现进度条效果如下使用方法 <div style="width: 400px;text-align: center; margin: 0 auto"> <my-process :show-txt="true" txt="50%完成" :pcs-height="20" process-dept="50"/> <my-process :pc...

vue vue3 实现滚动进度条,斑马纹进度条
文章 2022-08-23 来自:开发者社区

Vue—表单的输入绑定,绑定Vue3表单的输入

@TOCv-model 指令用来在 input、select、textarea、checkbox、radio 等表单控件元素上创建双向数据绑定,根据表单上的值,自动更新绑定的元素的值,在表单中,我们同样可以用到v-model来进行数据的绑定。在这里插入图片描述文本框文本包括text和textarea元素text 和 textarea 元素使用 value property 和 input 事件实....

Vue—表单的输入绑定,绑定Vue3表单的输入

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注