Vue学习

vue学习笔记汇总

01-vue初体验01-HelloVueJs02-Vue列表的展示（v-for）03-Vue案例-计数器Mustache及储存模板02-插值的操作v-once与v-html与v-text与v-pre与v-cloak03-动态绑定属性v-bind的基本使用v-bind动态绑定class对象语法v-bind动态绑定class数组语法？？？？？第一个作业：遍历列表，默认第一个元素显示为红色，其他的元素点
usrname为username·2022-11-27 12:30

Vue学习笔记 —— 选项卡案例（基于Vue.js）

选项卡案例（基于vue.js）使用v-for,v-on,v-bind,v-model完成需求如下：把数据渲染到页面利用v-for将数据循环渲染到页面上给每一个tab栏添加事件选中的tab栏，更改背景颜色，其他未选中的不变让tab栏显示对应的div（图片）实现添加tab栏和div（图片）功能点击添加时需要判断，id、名称是否为空，为空给出对应的提示当没有填写图片路径时，给默认的图片路径添加完成，清空
莫非C·2022-11-25 11:40

尚硅谷前端框架——Vue学习笔记

第1章：Vue核心1.1.Vue简介1.1.1.官网英文官网:https://vuejs.org/中文官网:https://cn.vuejs.org/1.1.2.介绍与描述动态构建用户界面的渐进式JavaScript框架作者:尤雨溪1.1.3.Vue的特点遵循MVVM模式编码简洁，体积小，运行效率高，适合移动/PC端开发3。它本身只关注UI，也可以引入其它第三方库开发项目。1.1.4.与其它JS框
研一童鞋努力学习前端中·2022-11-25 07:13

Vue学习笔记总结（未完）

一、初始Vue动态构建用户界面的渐进式JavaScript框架英文官网中文官网1.1创建Vue实例想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象；{{xxx}}中的xxx要写js表达式，且xxx可以自动读取到data中的所有属性；一旦data中的数据发生改变，那么页面中用到该数据的地方也会自动更新；注意区分：js表达式和js代码(语句)1.表达式：一个表达式会产生一个值，可以放在任
Nobita__·2022-11-25 07:40

vue 2 + 3 笔记总结

Vue学习1vue核心1.1什么是vue？Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。
soul g·2022-11-25 07:07

Vue学习：Vue中的路由详解（完整版）

一、vue-router的理解首先，需要理解一下vue-router：vue-router是vue的一个插件，专门用来实现SPA应用。SPA也就是单页Web应用，特点是：整个应用只有一个完整的页面，点击页面中的导航链接不会刷新页面，只会做页面的局部更新，数据需要通过ajax请求获取。二、路由的理解什么是路由：1、一个路由就是一组映射关系（key-value）2、key为路径，value可能是fun
人海@·2022-11-24 08:58

十天学完Vue学习总结

一、学习时间的安排每次学习一门新语言的时候，我会习惯性创建一个文件夹，到我学完Vue基础时一共用了十天的时间。每一天几乎是一个知识点，或者是知识点对于的作业或者是项目。二、共有多少个知识点可以学习做完思维导图之后，我总结出一共只需要学习十一个知识点。下面这三个都比较基础，因此我放在了一篇博客中。1、vue简介内容比较概念，了解，看过即可。2、vue入门类似HelloWorld都是对一门新语言的基本
Huangss19·2022-11-22 05:01

学习记录2022年9月24日始

时间学习内容2022年9月24日21:33-22:10vue学习课程1、2、32022年9月25日17:25-18:40vue学习课程4、52022年9月25日21:15-22:32vue学习课程6、7
小疯子青·2022-11-19 21:40

Vue学习第26天——vuex中的模块化和命名空间的详解及案例练习

目录一、模块化与命名空间1、目的2、比较3、模块化代码4、命名空间二、多组件共享数据案例三、模块化代码四、案例注意项1、context与commit2、开启命名空间五、总结1、读取state2、读取getters3、调用dispatch4、调用commit一、模块化与命名空间1、目的让store组件代码更有条理性，代码更好维护，数据分类更加明确2、比较3、模块化代码constCountAbout=
离奇6厘米·2022-11-17 09:16

Vue学习笔记(三) 甚欢篇

事件处理我们在初遇篇已经有意无意的用了监听事件这一概念，我们来回忆一下那个例子:        Document            {{product.name}}{{product.quantity}}             已经售空                   添加             总库存{{totalProducts}}  //这里代表引入Vue  //代表创建一个Vu
·2022-11-16 23:39

【尚硅谷 Vue学习笔记】P22 监视(侦听)属性 P23 深度监视 p24监视的简写形式 P25watch对比computed

文章目录P22监视(侦听)属性P23深度监视p24监视的简写形式P25watch对比computed前言：仅做笔记使用。不是制作精良的博客。时间：2022/11/15P22监视(侦听)属性watch:{isHot:{//hander什么时候调用？当isHot发生改变时hander(){console.log('isHot被修改')}}}immediate:false//初始化时让handler调用
潮.eth·2022-11-15 20:54

【尚硅谷 Vue学习笔记】P14事件处理 P13事件修饰符 p16键盘事件 p17事件总结

文章目录P14事件处理P13事件修饰符p16键盘事件p17事件总结前言：仅做笔记使用。不是制作精良的博客。时间：2022/11/14P14事件处理需求，点这个按钮就提示错误的写法：（错误原因：只能在Vue实例中找）正确写法：（解释：在配置项methods下写函数，不需要写function，直接写方法名。如果写了function会有红色波浪线）代码：学校名字：{{name}}点我提示信息Vue.co
潮.eth·2022-11-15 20:24

【尚硅谷 Vue学习】P18姓名案例 P19 计算属性 p20计算属性_简写 P21天气案例

文章目录P18姓名案例P19计算属性p20计算属性_简写P21天气案例前言：仅做笔记使用。不是制作精良的博客。时间：2022/11/15P18姓名案例1.用插值的方式姓：名：姓名:{{firstName.slice(0,3)}}{{lastName}}Vue.config.productionTip=false;newVue({el:'#root',data:{firstName:'',lastN
潮.eth·2022-11-15 20:24

Vue学习笔记-vuex

1.Vuex是什么概念：专门在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信2.什么时候使用Vuex多个组件依赖于同一状态来自不同组件的行为需要变更同一状态3.vuex的工作原理4.vuex环境搭建下载Vuex：npmivuex创建src/store/index.js：//引入Vue核
木派·2022-11-13 12:56

Vue基础快速入门学习笔记整理

一、Vue基础课程详情：黑马VUE学习笔记—后端小白入门（附带项目天气预报和音乐播放器所有源码）视频地址：https://www.bilibili.com/video/BV12J411m7MG?
白白白飘·2022-11-09 11:28

后端开发者的Vue学习之路（四）

目录上节内容回顾：npm介绍安装常用命令：补充：基于npm的HelloWorld项目结构分析用法迁移小提醒ES6语法知识补充单文件组件使用注意：路由开启路由定义路由使用路由数据显示路由跳转带参路由动态路径参数查询参数监听路由参数变化嵌套路由命名视图编程式路由404路由补充：vuex开启vuex并创建store使用vuex获取数据改变数据项目结构补充：首发日期：2019-01-28修改：2019-0
dianchougao5936·2022-11-09 11:55

Vue学习12--插槽

Vue学习12–插槽什么是插槽插槽是子组件提供给父组件使用的一个占位符，用，父组件可以在这个占位符中填充任何模板代码，如HTML，组件等，填充的内容会替换子组件中的slot标签。
123·2022-11-09 09:06

Vue学习---插槽篇

Vue插槽1.初步了解插槽2.插槽的分类2.1默认插槽2.2具名插槽2.3作用域插槽1.初步了解插槽什么是插槽？插槽就是子组件提供给父组件使用的一个占位符，可以通俗理解为“占坑作用”。有了该占位符，父组件可以在该占位符中填充任何模板，不仅限于传递数据，也可以填充如HTML、组件、template模板、标签等。填充后，内容替换子组件的标签为什么要使用插槽？在组件通信中（详情见文章:Vue组件学习、组
richeneen莳姼·2022-11-09 09:06

Vue学习--插槽slot 自定义事件内容分发

什么是插槽在Vue.js中，使用元素，作为承载内容分发的出口`。即，在模板中开一个口，用于拼接其他模板。案例Slot/*主体模板，在其中打入插槽，并为slot标签的name属性赋值，表明该插槽需要的模板名*/Vue.component("main_struct",{template:""+""+""+""+""+""});/*子模板，通过插槽拼接到主模板上*/Vue.component("sub_
theLuckyLong·2022-11-09 09:35

Vue学习-初级

1变量声明（1）let（变量）（2）const(常量)注：vue实现了数据和界面分离2vue对象（1）el属性：该属性决定了Vue对象管理哪一个元素（2）data属性：存储数据（3）methods：定义方法（4）计算属性：computed，与methods类似，引用不需要加（）注：计算属性和方法的区别计算属性是基于它们的依赖进行缓存的，只有在相关依赖发生改变时才会重新求值方法绑定数据只要被调用，方
涵。·2022-11-09 09:35

VUE学习-插槽（四）

一、插槽1、基础用法是插槽，在组件中间写的所有内容，会在插槽中体现如果的template中没有包含一个元素，则该组件起始标签和结束标签之间的任何内容都会被抛弃。Document按钮Vue.config.productionTip=false;//创建vue对象letvm=newVue({el:"#app",data:{name:'wxb'},//局部组件components:{'div-b':{/
霹雳娇娃么么哒·2022-11-09 09:35

Vue学习笔记---插槽slot

1.插槽内容组件外：写入模板内容，内容可为任何模板代码组件内：通过元素进行模板引入编译作用域：父级模板内容在父级作用域编译，子级模板内容在子级作用域编译后备内容：自定义默认值2.具名插槽组件内：，不带name则隐含名字default组件外：内容，没有v-slot则为默认插槽内容3.作用域插槽组件内：，元素上的属性user为插槽prop组件外：，slotProps为包含所有插槽prop的对象默认插槽
洛千陨·2022-11-09 09:05

vue学习-组件插槽

和v-slotlayout2.vue这是头部这是左边这是右边这是尾部exportdefault{name:'layout'}App.vue:左边右边importlayoutfrom'./components/layout2.vue'exportdefault{name:'App',components:{layoutso}}【注】如果组件标签的template中没有包含一个元素，则该组件起始标签和
加油吧qaq·2022-11-09 09:35

vue学习---基于vue2中的vue指令、插槽、内置组件

vue学习—基于vue2中的vue指令、插槽、内置组件1.vue的指令1.1v-pre让标签内容原样显示，而不是先编译后显示{{msg}}{{1+1}}1.2v-once作用：让元素/组件只渲染一次，为了避免无效的更新元素只渲染一次
茹嗨瑞·2022-11-09 09:34

Vue学习------组件插槽

Vue学习------组件插槽首先在子组件里定义slot标签11112222之后在父组件里用v-solt：one标明使用插槽55555如果插槽传过来值2222父组件需使用two=”data“来获取值这也是子组件传值给父组件的一种
Tangrry·2022-11-09 09:34

vue学习-10-插槽使用

插槽slot中中中下不指定slot，默认会将没有设置name属性所有的slot标签全部替换为组件内的标签。比如这里组件内有一个h3、一个h4。模板中有两个slot标签，那么结果就是上中，默认下slot就像是占一个位置，可以分为带名字的私人位置(具名插槽)和公共位置这里先介绍公共的插槽这里在组件中有两个slot，第一个插槽有默认标签，当在使用子组件标签时没有在其中加入其他标签就会展示默认的标签。比如
名字忒不好取·2022-11-09 09:04

vue学习-12-作用域插槽

作用域插槽数据在要使用的子组件中，而展示交给父组件来指定这里数据在cpn子组件中，但是我们想在负组件中指定数据展示方式{{hobby}}-----------------{{movie}}{{item}}{{item}}constcpn1=Vue.extend({template:'#cpn',data(){return{hobbies:['篮球','音乐','游戏'],movies:['速度与激
名字忒不好取·2022-11-09 09:04

Vue学习笔记-插槽

Vue过去对于插槽的使用基本依赖于slot以及slot-scope（默认插槽|具名插槽|作用域插槽），但是现在这个两个attribute已经被v-slot指令所取代（Vue2.6.0）；这两个attribute虽然已经被官方废弃且不会出现在Vue3中，但在接下来所有的2.x版本中slot和slot-scopeattribute仍会被支持；1、默认插槽（未改变）不需要声明name或者作用域，直接进行
木玄客·2022-11-09 09:04

vue学习-插槽

1.插槽内容父组件可以在html的子组件元素中间插入html字符串组件，这些东西都会被插入到子组件的所占的位置上，如果子组件没有，则插入的内容会被抛弃插槽内容slot-child渲染结果：2.渲染作用域父级模板里的所有内容都是在父级作用域中编译的；子模板里的所有内容都是在子作用域中编译的插槽内可以访问与模板其余部分相同的实例property(即相同的“作用域”)，不能访问子组件的实列propert
Rulelur·2022-11-09 09:34

Vue学习：组件间的通信

4.5组件间通信在开发过程中，我们会经常遇到需要组件之间相互进行通信：比如App可能使用了多个相同的子组件，每个地方的子组件展示的内容不同，那么我们就需要使用者传递给子组件一些数据，让其进行展示；又比如我们在父组件中一次性请求了所有子组件的数据，那么就需要传递给它们来进行展示；也可能是子组件中发生了事件，需要由父组件来完成某些操作，那就需要子组件向父组件传递事件；总之，在一个Vue项目中，组件之间
Huangss19·2022-11-09 09:32

Vue学习——路由

2.路由2.1前端路由的发展历程2.1.1认识前端路由路由其实是网络工程中的一个术语：在架构一个网络时，非常重要的两个设备就是路由器和交换机。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-P7kW7Bbk-1667816366216)(assets/image-20221029102040346.png)]当然，目前在我们生活中路由器也是越来越被大家所熟知，因为我们
Huangss19·2022-11-09 09:32

Vue学习：组件化

人处理问题的方式:任何一个人处理信息的逻辑能力都是有限的所以，当面对一个非常复杂的问题时，我们不太可能一次性搞定一大堆的内容。但是，我们人有一种天生的能力，就是将问题进行拆解。如果将一个复杂的问题，拆分成很多个可以处理的小问题，再将其放在整体当中，你会发现大的问题也会迎刃而解。认识组件化开发:组件化也是类似的思想：如果我们将一个页面中所有的处理逻辑全部放在一起，处理起来就会变得非常复杂，而且不利于
Huangss19·2022-11-09 09:02

Vue学习-插槽

Vue学习-插槽1.Vue插槽在之前的章节中，我们已经了解到组件能够接收任意类型的JavaScript值作为props，但组件要如何接收模板内容呢？
Huangss19·2022-11-09 09:01

第一次接触VueCLI

第一次接触VueCLI前言一、接触VueCLI二、开始上手1.环境配置2.创建项目3.发现的小神奇总结前言接近期末收到老师安排下来的项目，要求前端用Vue写，但那时忙着课程大作业，对vue学习就一直拖延到现在
秃头少女lcj·2022-11-07 07:06

Vue学习—基本语法

文章目录一.模版语法1.1插值语法1.2指令语法二.数据绑定2.1单向数据绑定2.2双向数据绑定三.MVVM模型3.1简介四.数据代理4.1了解object.defineProperty函数4.2数据代理的定义4.3Vue中的数据代理五.事件处理5.1事件的基本使用5.2事件的修饰符5.3键盘事件一.模版语法1.1插值语法插值语法用于解析标签体内容{{}}这个插值语法，用于向web页面中插入vue
jakiechaipush·2022-11-06 12:36

Vue学习—Vue的安装与使用

文章目录一.vue简介1.1vue概念1.2vue的特点二.搭建vue环境2.1安装vue2.2安装谷歌vue扩展程序2.3修改Vue的全局配置文件三.Hello入门案例3.1需求3.2代码3.3实验结果四.案例原理分析一.vue简介1.1vue概念vue是一套用于构建用户界面的渐进式（自底向上逐层的应用）Javascript框架1.2vue的特点采用组件化（一个.vue文件就是一个组件）的模式，
jakiechaipush·2022-11-02 23:10

黑马VUE学习笔记（附带项目天气预报和音乐播放器所有源码）

文章目录黑马VUE学习笔记—后端小白入门（附带项目天气预报和音乐播放器所有源码）感谢黑马！
普通网友·2022-11-02 00:53

Vue学习第27天——路由vue-router的详解及案例练习

目录一、路由概念1、概念2、理解3、用途4、单页面应用特点5、路由分类二、搭建路由环境1、下载并使用vue-router库2、配置router配置项3、实现组件切换4、指定位置展示三、案例练习四、总结五、多级路由1、配置规则时，使用children配置项2、跳转时要写完整路径3、多级路由案例一、路由概念1、概念在前端中，Vue路由是指根据路径URL匹配不同的组件，从而实现通过某些路径渲染与之关联的
离奇6厘米·2022-11-01 08:02

【Vue学习笔记_16】案例-Tabbar导航栏

【Vue学习笔记_16】案例-Tabbar导航栏项目文件结构效果展示&组件结构封装TabBarTabBarItem.vueTabBar.vue使用封装的TabBarMainTabBar.vueApp.vue
BugFrog1024·2022-10-31 07:40

VUE学习笔记

VUE学习笔记一、Vue基础(一)、认识Vue.js1.官网英文官网：https://vuejs.org/中文官网：https://cn.vuejs.org/2.简介vue是一套用于构建用户界面的渐进式框架
qq_48305989·2022-10-31 07:09

VUE学习笔记 coderwhy老师（持更）

一、邂逅Vue.js1.1.认识Vue.jsVue的读音：(/vju:/，类似于view)Vue的渐进式渐进式意味着你可能将Vue作为你应用的一部分嵌入其中，带来更丰富的交互体验或者如果你希望将更多的业务逻辑使用Vue实现，那么Vue的核心库以及其生态系统比如Core+Vue-router+Vuex，也可以满足你各种各样的需求Vue的特点解耦视图和数据可复用的组件：一个组件可以在多个页面里面用前端
不可以装酷·2022-10-31 07:39

Vue学习（十）——单元测试

单元测试在新建项目的时候就将“单元测试”这个选项选上，CLI脚手架会自动帮助生成单元测试文件，依赖库都会帮助安装好。a）jest和mocha。js是由facebook开发的，不需要自己去写jsDOM以及断言，已经内置了断言库。b）@vue/test-utilsc)sinon：创建测试的替身先自己想想测试该怎么做。先将这个测试单元取个名字，说明是要测试哪个单元的程序。然后分析对这个程序要进行哪些角度
sophiacan110·2022-10-26 12:02

Vue 学习笔记12：Vue3常用组合API

Vue学习笔记11：Vue3组合API一、创建Vue3工程1.使用vue-cli创建2.使用vite创建3.安装vue3插件二、常用compositionAPI1.setup函数2.ref函数3.reactive
iFulling·2022-10-25 12:04

Vue学习第35天——模拟项目上线基本流程

一、打包将.vue文件生成为.html、.css、.js文件npmrunbuild执行完之后，会在项目中生成一个dist文件（执行的速度取决于项目的大小以及电脑的配置）二、创建服务器没有后端服务器，这里我们使用node.js+express搭建一个服务器1、新建demo文件夹，快速初始化npminit-y（现代项目都是从package.json文件开始的，但是这个文件里字段信息太多，因此npm提供
离奇6厘米·2022-10-15 17:07

Vue学习笔记（六）——Less

1.安装lessnpmi-gless//npminstall-gless2.检查是否安装成功lessc-V//===》lessc--versin3.手动将less文件转为css文件执行以下语句，会在less的同级目录下生成一个css文件lessc./xxx.lessnewFile.css使用插件自动将less文件转为css，编辑器中安装easyless，就会实现保存完less文件之后，自动生成cs
hsy_siying·2022-10-14 16:11

VUE学习-入门

VUE学习-入门文章目录VUE学习-入门1、vue简介1.1、VUE是啥1.2、为啥用VUE2、[VUE的使用](https://v3.cn.vuejs.org/guide/introduction.html
石头茨·2022-10-14 13:22

Vue学习笔记：封装UI组件库

实例内容封装常见的功能组件（Button，Modal，Form相关），封装完成后封装成UI组件库发布到NPM上。实例目的掌握组件封装的语法和技巧学会造轮子，了解组件库实现原理搭建和积累自己的组件库学会组件库上传gitHub学会组件库打包，上传npm----------------------------------------------------------------------------
前端互助会·2022-10-12 20:33

vue学习笔记（五）之 Vue UI组件库

VueUI组件库移动端常用UI组件库PC端常用UI组件库Element使用一提到组件库，需要考虑两个问题：1、基于哪个框架？Vue、React。。。2、PC端还是移动端？移动端常用UI组件库Vant：https://youzan.github.io/vantCubeUI：https://didi.github.io/cube-uiMintUI：http://mint-ui.github.ioPC端
杨乐多dreamer·2022-10-12 20:07

Vue学习笔记：Vue element-ui中table组件的使用----接入后端数据

记个笔记以免遗忘，建议还是查看Element-UI提供的官方文档学习，自己摸索比较难受官方文档：Element-UI组件TableElement-UI官网提供了许多Table格式，这里以一个带有筛选器的表格为例表格的官网显示效果：直接将官方提供的示例代码贴入.vue文件中即可使用显示的数据是通过data()方法提供的假数据。方法见下：data(){return{tableData:[{date:'
研究僧12138·2022-10-12 20:06

【Vue】Vue学习笔记——UI组件库和常用插件

文章目录6.UI组件库和常用插件6.1Element-ui6.2Vue-router6.2.1基本用法6.2.2跳转6.2.3路由嵌套6.2.4路由参数传递6.3Axios6.3.1基本使用6.3.2json-server的安装及使用6.3.3跨域处理6.3.4Vue中Axios的封装6.UI组件库和常用插件6.1Element-uivue的核心思想是组件和数据驱动，但是每一个组件都需要自己编写模
shen子怡·2022-10-12 20:11
上一页 14 15 16 17 18 19 20 21 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他