vue学习

Vue学习体验

对于一个vue项目，换一台主机后，还需要按照像原先主机那样，依次添加依赖吗？当你将一个Vue项目从一台主机迁移到另一台主机时，并不需要按照原先主机的方式依次添加依赖。在Vue项目中，项目的依赖项通常记录在package.json文件中。这个文件包含了项目所需的所有依赖项和版本信息。当你迁移项目到新的主机时，只需将项目的源代码和package.json文件复制到新的主机上即可。在新的主机上，你需要确
pythonSuperman·2023-11-15 13:25

Vue学习笔记（尚硅谷天禹老师）

Vue学习笔记（尚硅谷天禹老师讲解）1.Vue核心1.1.Vue简介1.1.1.官网英文官网中文官网1.1.2.介绍与描述动态构建用户界面的渐进式JavaScript框架作者：尤雨溪1.1.3.Vue的特点遵循
m0_67391907·2023-11-15 07:24

VUE学习随笔

vue.js是一套构建用户界面的渐进式框架。vue采用自底向上增量开发的设计。vue的核心库只关心视图层，非常容易学习，非常容易与其它库和已有项目整合。vue完全有能力驱动采用单文件组件和vue生态系统支持的库开发的复杂单页应用。vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。总体框架一个vue-cli的项目结构如下，其中src文件夹是需要掌握的，所以本文也重点讲解其
shizhesx·2023-11-13 10:57

Vue学习：Vue中的数据代理

一、回顾Object.definePropertyObject.defineProperty方法可以用来增加和修改对象的属性，该方法有三个参数；1、属性所在的对象；2、属性的名字；3、一个描述符对象；描述符对象可以为数据属性，包括：1、value：包含这个属性的属性值，默认值为default；2、enumerable：控制属性是否可以枚举，默认值为false；3、writable：控制属性是否可以
人海@·2023-11-13 09:46

Vue 学习笔记 05——状态管理Vuex

Vue学习笔记01——iviewVue学习笔记02Vue学习笔记03——组件篇Vue学习笔记04——TabPanelVue学习笔记05——状态管理Vuex========================
thingir·2023-11-11 17:23

【vue学习笔记】vue3引入unplugin-auto-import并接入element-ui

vue3引入unplugin-auto-import并接入element-ui接上一篇vue3部署：【vue学习笔记】vue3+vite+route实现框架构建一、引入自动引入插件1.unplugin-auto-importnpmiunplugin-auto-import-D2
猿职场·2023-11-11 09:13

Vue学习笔记（张天禹老师Vue）

文章目录1Vue基础1.1介绍Vue1.2Vue的安装1.3Hello小案例1.3Hello案例分析1.4模板语法1.5数据绑定1.6el和data两种写法1.7MVVM模型1.8Object.defineProperty1.9数据代理1.10Vue里面的数据代理1.11Vue的命名规范2Vue中的事件2.1事件处理2.2事件修饰符2.3键盘事件2.4事件总结2.5姓名案例2.6计算属性2.7侦听
玖菱霜叶·2023-11-11 08:23

vue学习篇--10使用vuex状态管理

文章目录vuex基本使用---state使用store中的状态的便捷方法使用计算属性使用vuex中的mapState，这个方法与第一种完全等价要将自定义计算属性与状态管理数据的计算属性合并一起，可以使用Object.assign或者...扩展符vuex基本使用---gettervuex基本使用---mutationsvuex基本使用---actionsvuex是一个专门为vue.js应用程序开发的
CCC1115·2023-11-10 17:23

vue 切换页面没有改变滚动条_Vue真是太好了 壹万多字的Vue知识点 超详细!

1⃣️、Vue和其他两大框架的区别Angular学习成本太高React代码可读性差Vue学习成本较低很容易上手VUE官方:https://cn.vuejs.org/v2/guide/comparison.html️2⃣️
weixin_39803022·2023-11-10 03:22

Vue学习笔记06 Vuex-模块化编程

文章目录Vue学习笔记06Vuex理解vuex如何使用？
nuise_·2023-11-07 10:06

【VUE学习笔记】VUEX模块化编码--手写VS自动生成

对于vuex的state，getters，commit，dispatch函数，建议选择自动生成手写VUEX自动生成this.$store.state.分类.数据…mapState(‘分类’,[‘数据’])this.$store.getters[‘分类/数据’]…mapGetters(‘分类’,[‘数据’])this.$store.commit(‘分类/函数’,数据)…mapMutations(‘分
DayHeart·2023-11-07 10:58

vue学习笔记，从基础到项目

一.基础部分**vue后台管理现成的项目vue-element-admin，搜索下载即可创建vue项目（通常不操作index.html文件，因为它未被打包，东西越少越好）D:(切换到自己想要的磁盘，我想存在d盘)①node-v检查node是否安装完成（未安装的话安装下）②npm-v检查npm是否安装（未安装的话执行npminstall-gnpm）③安装脚手架npminstallvue-cli-g（
一个没有灵魂的女程序媛·2023-11-06 20:18

前端框架Vue学习 ——（四）Axios

文章目录Axios介绍Axios入门Vue项目中使用AxiosAxios介绍介绍:Axios对原生的Ajax进行了封装，简化书写，快速开发。（异步请求）官网:https://www.axios-http.cn/官网介绍：Axios是一个基于promise网络请求库，作用于node.js和浏览器中。它是isomorphic的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生nod
sweetheart7-7·2023-11-06 18:46

前端框架Vue学习 ——（七）Vue路由（Vue Router）

文章目录Vue路由使用场景VueRouter介绍VueRouter使用Vue路由使用场景使用场景：如下图，点击部门管理的时候显示部门管理的组件，员工管理的时候显示员工管理的组件。前端路由：指的是URL中的hash(#号)与组件之间的对应关系。VueRouter介绍介绍：VueRouter是Vue的官方路由组成：VueRouter：路由器类，根据路由请求在路由视图中动态渲染选中的组件：请求链接组件，
sweetheart7-7·2023-11-06 13:09

前端框架Vue学习 ——（六）Vue组件库Element

文章目录Element介绍快速入门常见组件表格分页Dialog对话框组件表单Container布局容器Element介绍Element：是饿了么团队研发的，一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库。组件：组成网页的部件，例如超链接、按钮、图片、表格、表单、分页条等等。官网:https://element.eleme.cn/#/zh-CNListener快速入门安装Elem
sweetheart7-7·2023-11-06 12:00

Vue学习——入门篇

初识Vue1.Vue简介2.快速开始结果展示：3.模板语法4.el和data的两种写法5.总结1.Vue简介Vue.js是一款流行的JavaScript前端框架，是一个用于创建用户界面的开源JavaScript框架，也是一个创建单页应用的Web应用框架，Vue的作者是尤雨溪，Vue项目在github上有31.3k的Star，很多的开发者都在上面贡献代码，共同维护Vue的生态环境2.快速开始对于初学
战神PLUS·2023-11-06 10:20

前端框架Vue学习 ——（二）Vue常用指令

文章目录常用指令常用指令指令:HTML标签上带有“v-”前缀的特殊属性，不同指令具有不同含义。例如:v-if,v-for…常用指令：v-bind：为HTML标签绑定属性值，如设置href，css样式等测试可以简写为：测试v-model：在表单元素上创建双向数据绑定为其绑定数据模型newVue({el:"#app",data:{url:"https://www.baidu.com"}})注意：通过v
sweetheart7-7·2023-11-06 10:01

vue学习的第十二天——element项目开发（含解析）

前言：在经过了第8天的element基础学习，今天通过一个具体的实例去展示一下怎么用element快速的去开发一个系统。今天只做前端的学习，后端改天再聊。一.项目展示按照element的框架部分进行开发避免了css过多的繁琐，如有忘记看第八天的ps导航菜单详解部分因为el-aside和el-haeder部分比较简单就不做详细的介绍，重点讲解四.el-main部分!!!二.el-aside和el-h
仓鼠科技城·2023-11-06 09:19

【vue学习笔记】vue单组件

本文是阅读1所做的笔记。组件的生命周期vue3组件的生命周期写法称为CompositionAPI（组合式API）。vue3组件的生命周期的函数统一放在setup里运行：onBeforeMount、onMounted、onBeforeUpdate、onUpdated、onBeforeUnmount、onUnmounted、onErrorCaptued。被包含在中的组件，相比正常的会多出两个生命周期钩
蔚尺丈八声·2023-11-05 18:15

前端框架Vue学习 ——（五）前端工程化Vue-cli脚手架

文章目录Vue-cliVue项目-创建Vue项目-目录结构Vue项目-启动Vue项目-配置端口Vue项目开发流程Vue-cli介绍：Vue-cli是Vue官方提供的一个脚手架，用于快速生成一个Vue的项目模版安装NodeJS安装Vue-clinpminstall-g@vue/cliVue项目-创建图形化界面Vue项目-目录结构src下Vue项目-启动npmrunserveVue项目-配置端口vue
sweetheart7-7·2023-11-05 18:04

vue学习part01

02_Vue简介_哔哩哔哩_bilibiliVue.js-渐进式JavaScript框架|Vue.js(vuejs.org)1.简介2.常用用法新项目一般vue3，老项目vue23.vue两种风格：选项式api（vue2）和组合式api（vue3）两种方式实现累加功能选项式组合式4.构建流程5.创建项目项目名字不要存在大写6.开发环境
BigOrangeSama·2023-11-05 01:40

Vue学习coderwhy生命周期,$refs的使用动态组件的传值keep-alive异步组件， setup函数的返回值Options API的弊端组件的v-modelMixin的基本使用

认识生命周期◼什么是生命周期呢？生物学上，生物生命周期指得是一个生物体在生命开始到结束周而复始所历经的一系列变化过程；每个组件都可能会经历从创建、挂载、更新、卸载等一系列的过程；在这个过程中的某一个阶段，我们可能会想要添加一些属于自己的代码逻辑（比如组件创建完后就请求一些服务器数据）；但是我们如何可以知道目前组件正在哪一个过程呢？Vue给我们提供了组件的生命周期函数；◼生命周期函数：生命
学习记录wanxiaowan·2023-11-03 21:04

vue 2.0

相对于其他框架，Vue学习成本低，简单易上手；3、虚拟DOM。虚拟d
景稀·2023-11-03 20:06

Vue学习笔记之Webpack搭建本地服务器及配置文件的分离

1、webpack提供了一个可选的本地开发服务器（修改的文件先存储在内存中），这个本地开发服务器基于node.js搭建的，内部使用express框架，可以实现我们想要的浏览器自动刷新显示我们修改后的结果，就避免了我们每次修改了代码都要执行npmrunbuild进行打包动作，界面上才会更新我们修改的东西。2、环境安装：[email protected]
大数据时代·2023-11-03 04:00

VUE学习笔记：22.模块化开发之webpack搭建本地服务器

1.webpack搭建本地服务器步骤：第一步：安装依赖包[email protected]第二步：在webpack的配置文件webpack.config.json中设置开发服务器dev-server的使用letpath=require('path')//导入path模块letwebpack=require('
new nm个对象·2023-11-03 04:29

Cordova结合Vue学习Camera

简单聊两句学习Vue+Cordova打包编译App，首先你要安装Cordova与vue，在这里本人就不说明了，自行看文档与搜索相关资料。Cordova中文官网地址Vue中文官网地址第一步：首先在vue代码中加入cordova-plugin-camera的调用方法navigator.camera.getPicture是调用camera的方法，他会附带三个参数，cameraSuccess是提供图像数据
weixin_30410119·2023-11-03 01:35

vue学习笔记（一）（学自尚硅谷）

一、vue学习的基本语法vue2的使用要先下载vue.js文件，然后引入html页面如何使用vue，Vue的基本语法是什么？Vue可以实现在标签体和标签属性中的数值绑定。
湫鹤椿水·2023-11-02 20:15

Vue学习--Vue项目根目录介绍(1)

文章目录前言一、build文件夹——webpack配置目录二、mock文件夹——生成随机数据，拦截ajax请求三、node_modules——npm加载的项目依赖模块四、public文件夹——应急手段五、src文件夹——源码目录（开发的项目文件都在此文件中写）1.api2.assets3.common4.components5.directive6.filter7.icons8.layout9.r
献_·2023-11-02 11:05

【Vue】Vue基础知识点介绍（入门级，简单易懂）——day01

大家好，从今天开始，会每天分享vue学习的知识点，一起加油~①首先，牢记三个单词bind绑定，property属性，mount挂载1、Vue概述1.1特点尤雨溪创造，V2与V3流行Vue是一套用于构建用户界面的渐进式框架结合了
前端小媛·2023-11-02 08:14

vue学习笔记

1.vue对象和插值语法1.想要vue工作必须new一个vue对象出来，容器依旧符合html模板规范，只是加入了一些vue的语法例如双括号{{}},2.容器和一个vue示例对象是一一对应的，不能多个容器被一个vue对象服务3.真实开发中一般只有一个vue示例，并且配合组件一起使用4.{{xxxx}}xxx可以是js表达式，也可以读取vue示例中data所有的属性5.{{}}是插值语法，使用在标签体
头发不会掉·2023-11-02 02:31

Vue学习—单向数据绑定

单向数据绑定一、单向数据绑定一、单向数据绑定father:{{count}}增加Vue.component('my-count',{props:{count:Number},template:`son:{{count}}`});constvm=newVue({el:'#app',data:{count:0}});此时点击father后父子同时改变（父级prop的更新会向下流动到子组件中）Vue.c
飞羽逐星·2023-11-01 06:02

React

一、React尚硅谷React学习视频：尚硅谷学习视频尚硅谷:http://www.atguigu.com/Vue学习视频(尚硅谷)：https://www.bilibili.com/video/BV1wy4y1D7JT
Jin-进·2023-10-31 18:32

Vue学习

响应式API#ref接收一个内部值，返回一个响应式的，可以更改的ref对象，次对象只有一个指向其内部值的属性.value。ref对象是可更改的，也就是说你可以为.value赋予新的值。它也是响应式的，即所有对.value的操作都将被追踪，并且写操作会触发与之相关的副作用。如果将一个对象赋值给ref，那么这个对象将通过reactive()转为具有深层次响应式的对象。这也意味着如果对象中包含了嵌套的r
ʚ 炫酷的腿毛 ɞ·2023-10-29 10:17

Vue学习Day06

1.路由是什么：对应关系（Hash地址与组件之间的对应关系）2.SPA与前端路由3.前端路由的工作方式（1）用户点击页面上的路由链接（2）导致URL地址栏中的Hash值发生变化（3）前端路由监听到了Hash地址的变化（4）前端路由把当前Hash地址对应的组件渲染到浏览器中结论：前端路由，指的是Hash地址与组件之间的对应关系！vue-router的基本用法1.什么时vue-routervue-ro
胡萝卜的侠客梦all·2023-10-29 10:04

vue学习第四天——条件渲染

条件渲染很简单，就是用v-if标签，然后扩展到v-else，最后到v-else-if，组成一整套判断语句。在元素上使用v-if条件渲染分组这是一个小应用，因为v-if是一个指令，所以必须将它添加到一个元素上。但是如果想切换多个元素呢？此时可以把一个元素当做不可见的包裹元素，并在上面使用v-if。最终的渲染结果将不包含元素。用key管理可复用的元素Vue会尽可能高效地渲染元素，通常会复用已有元素而不
地铁与人海·2023-10-29 01:27

vue学习第五天——列表渲染

用v-for把一个数组对应为一组元素很简单，如下：{{item.message}}varexample1=newVue({el:'#example-1',data:{items:[{message:'Foo'},{message:'Bar'}]}})items是源数据数组，而item则是被迭代的数组元素的别名，遍历的过程其实一直有一个索引，所以我们可以让她显示出来：{{index}}-{{item
地铁与人海·2023-10-29 01:27

【Vue学习笔记_06】v-if/v-show条件判断

【Vue学习笔记_06】v-if/v-show条件判断v-if指令v-else指令v-else-if指令案例-用户登录切换v-show指令配套可执行代码示例=>GitHubv-if指令当v-if绑定的条件满足
BugFrog1024·2023-10-28 18:16

Vue学习Day6 插槽slot使用、编译作用域、作用域插槽、模块化开发、webpack介绍、安装

想利用暑假时间好好学习一下vue，会记录每一天的学习内容。今天是学习vue的第6天！起起伏伏乃人生常态，继续加油～学习内容1.插槽slotslot基本使用具名插槽slot2.编译作用域3.作用域插槽4.模块化开发CommonJs(了解)5.ES6模块化的导入和导出export使用import使用6.Webpack介绍和grunt/gulp的对比7.Webpack安装1.插槽slot生活中很多地方都
AIpoem·2023-10-27 03:08

vue学习之路由问题(附实例及地址栏中的参数去除问题解决)

路由传参语法列表点击页this.$router.push(path:"",query:{"跳转页接收变量名":"当前页的值"})this.$router.push(path:"/sdf/test",query:{"id":this.ids})详情跳转页this.$route.query.跳转页接收变量名;letid=this.$route.query.id;列表点击页this.$router.pu
鱼小旭·2023-10-27 01:03

Vue学习：Vue中的vuex

一、vuex是什么1、概念：vuex是专门在Vue中实现集中式状态（数据）管理的一个vue插件，对vue应用中多个组件的共享状态进行集中式的管理，也是一种组件间通信的方式，而且适用于任意组件间的通信。2、vuex用于：当多个组件依赖于同一状态；来自不同组件的行为需要变更同一状态。二、vuex的工作原理图其中，state用于存储数据；mutations用于操作数据；actions用于响应组件中的动作
人海@·2023-10-27 00:42

vue学习的第一天——vue项目的创建

一.下载node（https://nodejs.org/zh-cn/download/），当下载成功后查看node和npm的版本出现说明成功，然后对node.js的环境进行配置。(node版本不安超过17的版本）二.下载vuenpminstallvue-gcnpminstallvue-g//若npm换成cnpm就使用这一条要是下载比较慢的话可以修改npm的默认配置npmconfigsetregis
仓鼠科技城·2023-10-26 21:41

Vue学习第13天——vue中使用自定义插件

插件定义插件通常用来为Vue添加全局功能。功能增强Vue本质插件本质是一个对象。准确的说是暴露一个install方法的对象。这个方法的第一个参数是Vue构造器，第二个参数是一个可选的选项对象（插件的使用者传递的数据）定义插件①在项目中的src目录下，新建一个plugins.js的文件exportdefault{install(Vue,options){}}②在插件内写配置项插件中添加了过滤器、自定
离奇6厘米·2023-10-26 21:40

Vue学习第16天——全局事件总线$bus的理解

目录一、全局事件总线（GlobalEventBus）1、作用2、适用场景3、核心二、代码推理全局事件总线1、分析全局事件总线的特点2、代码推理三、案例练习四、总结1、安装全局事件总线2、使用全局事件总线3、解绑事件一、全局事件总线（GlobalEventBus）1、作用一种组件间的通信方式2、适用场景任意组件间通信3、核心beforeCreate(){Vue.prototype.$bus=this
离奇6厘米·2023-10-26 21:40

Vue学习第10天——VueComponent与Vue之间的关系

1、VueComponent组件使用步骤//1.定义子组件//school本质是VueComponent构造函数constschool=Vue.extend({template:`{{name}}`,data(){return{name:'憨瓜'}}})console.log(school.prototype__proto__==Vue.prototype);//truenewVue({el:"#
离奇6厘米·2023-10-26 21:39

Vue学习之--安装(npm方法)

在用Vue.js构建大型应用的时候推荐使用NPM安装方法，NPM能很好的和诸如Webpack或者Browserify模块打包器配合使用。Vue.js也提供配套工具来开发单文件组件文章目录前言一、安装node.js二、安装cnpm三、安装vue脚手架构建工具总结我的小程序二维码前言首先，先列出我们接下来需要的东西：node.js环境（npm包管理器）vue-cli脚手架构建工具cnpmnpm的淘宝镜
荔枝学习·2023-10-26 07:34

Vue学习

Vue-渐进式JavaScript框架介绍vue中文网vuegithubVue.js是一套构建用户界面(UI)的渐进式JavaScript框架库和框架的区别我们所说的前端框架与库的区别？Library库，本质上是一些函数的集合。每次调用函数，实现一个特定的功能，接着把控制权交给使用者代表：jQueryjQuery这个库的核心：DOM操作，即：封装DOM操作，简化DOM操作Framework框架，是
weixin_30500105·2023-10-26 05:43

Vue2学习笔记

目录1.1Vue的特点1.2MVVM模型1.3Vue学习1.3.1Object.defineProperty1.3.2数据代理1.3.3修饰符1.3.4数据监测1.3.5全局事件总线1.3.6消息订阅与发布
是阿昌呀·2023-10-26 02:59

20231019_vue学习

引入vue.js:vue.js路由vue模板语法v-html:添加html模板v-bind:添加属性，缩写：v-on:监听事件，缩写@v-model:数据双向绑定过滤器{{message|filterA|filterB}}{{message|filterA(‘arg1’,arg2)}}vue条件语句v-if:条件判断v-else:给v-if添加一个else块v-else-if:用作v-if的els
tryCbest·2023-10-25 17:52

Vue学习（二）—— vue组件化编程

文章目录第二部分vue组件化编程一、模块与组件、模块化与组件化1.模块2.组件3.模块化4.组件化二、非单文件组件三、单文件组件1.vue文件三个组成部分1.1模板页面1.2js模块对象1.3**样式**2.组件示例2.1School.vue2.2App.vue2.3main.js2.4index.html四、使用组件的三大步骤1.定义组件(创建组件)2.注册组件2.1局部注册2.2全局注册3.使
Alvis 一昂·2023-10-25 09:40

Vue学习（十五）——vue遇到的坑

（1）用cli-3新建了一个项目，代码run没有提供错误，但是浏览器程序员模式提示：“Youareusingtheruntime-onlybuildofVuewherethetemplatecompilerisnotavailable.Eitherpre-compilethetemplatesintorenderfunctions,orusethecompiler-includedbuild.”解
sophiacan110·2023-10-25 09:38
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他