文章 2024-01-15 来自:开发者社区

Vue学习笔记(一)

数据绑定v-model是实现数据双向绑定,页面发生变化,name也会发生变化;name发生变化,页面也会发生变化<input type='text' v-model="name">:value是实现单向绑定,name发生变化,页面就会发生变化;但是页面发生变化,name并不会发生变化<input type='text' :value="name">脚手架Vue CLI在想....

Vue学习笔记(一)
文章 2023-10-11 来自:开发者社区

VUE 学习笔记(三) Vue 渲染流程详解

在 Vue 里渲染一块内容,会有以下步骤及流程:第一步,解析语法,生成AST第二步,根据AST结果,完成data数据初始化第三步,根据AST结果和DATA数据绑定情况,生成虚拟DOM第四步,将虚拟DOM 生成真正的DOM插入到页面中,进行页面渲染。那怎么理解这个流程呢?一、解析语法生成ASTAST 语法树,实际就是抽象语法树(Abstract Syntax Tree),是指通过构建语法树的形式将....

VUE 学习笔记(三) Vue 渲染流程详解
文章 2023-10-11 来自:开发者社区

VUE 学习笔记(二)VUE的深入理解

一、VUE 简介1.什么是VUE ?VUE 是一套用于构建用户界面的渐进式JavaScript框架 ,对于简单应用,只需要轻量小巧的核心库,对于复杂的应用,可以引入各种VUE 插件。模板引擎是 Vue 里最主要、最核心的一个能力,在模板引擎还没有出现的时候,我们更新页面的内容,大概流程是:监听操作 -> 获取数据变量 -> 使用数据拼接成 HTML 模板 -> 将 HTML 内....

VUE 学习笔记(二)VUE的深入理解
文章 2023-10-11 来自:开发者社区

VUE 学习笔记(一)开发环境搭建

1、Visual Studio Code安装及使用下载地址官网:https://code.visualstudio.com/直接点击下载按钮即可,会根据系统自动下载合适的版本,无需自行选择。2、VSCode 上安装:JavaScript Debugger目前 Debugger for Chrome 已经处于遗留状态,不建议使,建议安装 JavaScript Debugger (Nightly) ....

VUE 学习笔记(一)开发环境搭建
文章 2023-10-11 来自:开发者社区

Vue基础学习笔记(下)

二十一.计算属性的复杂操作<!DOCTYPE html> <html lang='en'> <head> <meta charset='UTF-8'> <meta name='viewport' content='width=device-width, initial-scale=1.0'> <title&...

Vue基础学习笔记(下)
文章 2023-10-11 来自:开发者社区

Vue基础学习笔记(上)

Vue基础一、Vue入门<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&g...

Vue基础学习笔记(上)
文章 2023-10-11 来自:开发者社区

Vue学习笔记_组件化

Vue组件化1.组件化2.注册组件<!DOCTYPE html> <html lang='en'> <head> <meta charset='UTF-8'> <meta name='viewport' content='width=device-width, initial-scale=1.0'> <ti...

Vue学习笔记_组件化
文章 2023-09-27 来自:开发者社区

Vue 学习笔记二 动画

1. CSS动画原理CSS:<style type="text/css"> .fade-enter{ opacity: 0; } .fade-enter-active{ transition: opacity 1s; } .fade-leave-to{ opacity: 0; } .fade-leave-active{ transition: opac...

Vue 学习笔记二 动画
文章 2023-09-27 来自:开发者社区

Vue 学习笔记三、触摸事件、轮播图

页面跳转列表页如果存在 标签,且跟它同级有其他标签需要使用<template> <div> <div>home view</div> <router-link to='/list'>列表页</router-link> </div> </template...

Vue 学习笔记三、触摸事件、轮播图
文章 2023-08-06 来自:开发者社区

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

自定义hook函数什么是hook?—— 本质是一个函数,把setup函数中使用的Composition API进行了封装。类似于vue2.x中的mixin。自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。src\hooks\usePoint.jsimport {reactive,onMounted,onBeforeUnmount} from 'vue' export def.....

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

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

阿里巴巴终端技术

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

+关注