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

[Vue]Vue3学习笔记(尚硅谷)(二)

实现原理:通过Proxy(代理): 拦截对象中任意属性的变化, 包括:属性值的读写、属性的添加、属性的删除等。//源数据 let person = { name:'张三', age:18 } //模拟Vue3中实现响应式 //Proxy对属性的增删改查都可以监测得到 //#region const p = new Proxy(person,{ //有人读取p的某个属性时调用 g...

[Vue]Vue3学习笔记(尚硅谷)(二)
文章 2023-08-06 来自:开发者社区

[Vue]Vue3学习笔记(尚硅谷)(一)

前言本笔记根据如下笔记和视频进行整理老师的课件笔记,不含视频 https://www.aliyundrive.com/s/B8sDe5u56BU笔记在线版: https://note.youdao.com/s/5vP46EPC视频:尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通 创建Vue3项目 vue-cli使用vue-cli创建Vue3项目,需要确保vue-cli版本在4.....

[Vue]Vue3学习笔记(尚硅谷)(一)
文章 2023-08-05 来自:开发者社区

[Vue]学习笔记目录 【Vue2与Vue3完结】 (尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通)

前言本笔记根据如下笔记和视频进行整理老师的课件笔记,不含视频 https://www.aliyundrive.com/s/B8sDe5u56BU笔记在线版: https://note.youdao.com/s/5vP46EPC视频:尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通遇见的问题及其解决方案谷歌浏览器无法访问插件商店时安装 Vue Devtools ( 简易 直接下载拖....

文章 2023-08-04 来自:开发者社区

VUE学习笔记--组件

组件化开发vue组件的三个组成部分template中只能有一个根元素启用less组件之间的父子关系使用组件路径提示插件@为src所在的路径位置,即@为src该插件的配置在vscode的设置中配置//导入文件时是否携带文件拓展名 "path-autocomplete.extensionOnImport": true, //配置@的路径提示 "path-autocomplet...

VUE学习笔记--组件
文章 2023-08-04 来自:开发者社区

VUE学习笔记--侦听器

watch侦听器watch侦听器允许开发者监视数据的变化,从而针对数据的变化做特定的操作语法格式:const v = new Vue({ el: "#app", data: { username: '' }, watch: { //监听u...

VUE学习笔记--侦听器
文章 2023-08-04 来自:开发者社区

VUE学习笔记--过滤器

过滤器过滤器实例将英文字符串的第一个字母转为大写代码<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...

VUE学习笔记--过滤器
文章 2023-08-04 来自:开发者社区

VUE学习笔记--Vue的基本使用(下)

事件修饰符<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docum...

VUE学习笔记--Vue的基本使用(下)
文章 2023-08-04 来自:开发者社区

VUE学习笔记--Vue的基本使用(上)

基本使用步骤1.导入vue.js的script脚本文件(可在官网下载)vue官网2.在页面中声明一个将要被vue所控制的DOM区域3.创建vm实例对象(vue的实例对象)<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="view...

VUE学习笔记--Vue的基本使用(上)
文章 2023-07-06 来自:开发者社区

Vue学习笔记|Vue基础05

考虑一个场景:在两个输入框中分别输入姓和名,下方显示出全名插值语法实现<!-- 准备好一个容器--> <div id="root"> 姓:<input type="text" v-model="firstName"> <br/><br/> 名:<input type="text" v-model="lastName...

Vue学习笔记|Vue基础05
文章 2023-07-06 来自:开发者社区

Vue学习笔记|Vue基础04

写在前面前几天一直在复习考试,现在继续填之前Vue的坑~事件的基本使用使用v-on:xxx 绑定事件,可简写为@xxx ,其中xxx是事件名;事件的回调需要配置在methods对象中,最终会在vm上;methods中配置的函数,不要用箭头函数!否则this就不是vm了;methods中配置的函数,都是被Vue所管理的函数,this的指向是vm 或 组件实例对象;@click="demo" 和 @....

Vue学习笔记|Vue基础04

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

阿里巴巴终端技术

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

+关注