Vue3学习笔记(1)

安装 //使用yarn构建 //安装yarn 需要管理员权限 sudo npm i yarn -g yarn create vite cd .. yarn yarn dev 目录结构 见名知义 四种语法范式 vue3中可以不需要根标签 选项式写法, vue2写法 , Vue3兼容vue2选项式写法, ...

狂神--Vue

概述 前端三要素 HTML(结构) :超文本标记语言(Hyper Text Markup Language) ,决定网页的结构和内容 CSS(表现) :层叠样式表(Cascading Style sheets) ,设定网页的表现样式 JavaScript (行为) :是一种弱类型脚本语言,其源代码不 ...

Vue相关笔记

Promise基本使用 Promise是异步编程的一种解决方案,用于一个异步操作的最终完成(或失败)及其结果值的表示,比传统的回调函数方案更加合理。 var promise = new Promise((resolve, reject) => {/* executor函数 */ // ... som ...

vue+html5实现上传图片

原理:dispatchEvent 自定义触发事件,常用于自定义鼠标事件或点击事件 ,原生控件input打开上传文件方案:vue项目,点击自己的上传文件图标,通过dispatchEvent主动触发一个自定义上传文件事件 . 原生控件 input accept 属性: accept = "audio/* ...

Hbuilder项目转vue-cli项目

title: Hbuilder项目转vue-cli项目 date: 2023-02-22 10:26:33 category: 工作 技能提升 cover: https://s1.ax1x.com/2022/11/23/z8L8PS.jpg tags: uniapp description: Hbu ...

Vue学习随笔(一)Vue的引入

前言 以往零零散散使用过一些Vue的语法,最近才刚刚系统接触Vue,现在是刚刚入门的状态,故在这里做一个记录和梳理,欢迎大家一起学习交流,有错误的地方也欢迎大家指正。 正篇 梦开始的地方 在写之前我想先在这里贴出Vue的一个官方的(应该是)学习教学https://cn.vuejs.org/guide ...

Vue 组件之间传递参数

一、Vue 2 1、父组件向子组件传值,使用 props:可以通过在子组件上绑定 props,然后在父组件中通过 v-bind 绑定相应的数据来传递数据。 父组件中的代码: <template> <div> <child-component :prop-a="dataA"></child-compo ...

vue 甘特图 一行多条任务 可拖拽

#1、安装 highcharts npm install highcharts --save #2、页面引用 // 引入 import Highcharts from 'highcharts/highcharts-gantt.src.js' // 引入拖拽 import factory from ' ...

重新思考 Vue 组件的定义

重新总结组件的定义 这是官方对组件的定义:组件允许我们将 UI 划分为独立的、可重用的部分,并且可以对每个部分进行单独的思考。在实际应用中,组件常常被组织成层层嵌套的树状结构。 对于 Vue 开发经验不多的我来说,起初我只是简单的把一个组件当作一个页面,也并没有把页面中太多的可以独立划分的地方写成组 ...

【博学谷学习记录】超强总结,用心分享 | vue面试1

vuex的原理是什么? 它采用 集中式存储管理 应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 每一个 Vuex 应用的核心就是 store,里面又包括: (1)state(数据):用来存放数据源,就是公共状态; (2)getters(数据加工):有的时候需要对数据源进行加 ...

vuex相关笔记

vuex是什么? vuex是管理应用程序状态,实现组件间通信的。 为什么使用vuex? 在开发大型应用的项目时,会出现多个视图组件依赖一个同一个状态,来自不同视图的行为需要变更同一个状态。 在遇到以上问题,就要用到vuex,他能把组件的共享状态抽取出来,当做一个全局单例模式进行管理,不管在何处改变状 ...