------vue学习

vue学习笔记--v-for循环标签页label并实现根据不同label表格切换

目标：用标签页组件实现点击不同标签显示表格内容，标签页内lable和表格数据都是循环得到的。效果如图：2.png首先实现pane循环出header。v-model="tabKey"是指默认选中首页，abel=""name=""，:key=""是循环出数据必不可少的，tabKey:'namekey',header:[{title:'首页',key:'agekey'},{title:'全部',key:
一个总在代码里给自己下毒的小白·2021-04-21 10:43

Vue学习（3）-method、computed、watch

依旧在App.vue中书写。method我们在HTML中用v-on指令监听DOM事件，并在触发时运行一些JavaScript代码。然后在menthod中定义方法。v-on：‘事件’可缩写为@‘事件’{{message}}反转exportdefault{name:'app1',data(){return{message:'hello'}},//在methods中定义方法，这里的方法会在v-on监听到
小焲·2021-04-21 10:26

Vue 源码解析 - 模板编译

[TOC]Vue学习笔记Vue源码解析-主线流程Vue源码解析-模板编译Vue源码解析-组件挂载Vue源码解析-数据驱动与响应式原理模板编译前文在对Vue源码解析-主线流程进行分析时，我们已经知道对于Runtime
Whyn·2021-04-20 22:56

Vue学习分享

介绍：Vue起初是一个构建数据驱动的web界面的库，通过简单的API提供高效的数据绑定和灵活的组件系统，但随着vue生态圈的发展，如vue-router，vue-resource等的推出，vue已经算得上是个轻量级的MVVM框架了，官方定义vue是一套用于构建用户界面的渐进式框架。相较于Angular和React框架，vue的的学习曲线更平稳，这点也是我选择Vue入门的原因。如何安装？直接HTML
Kevin_Luo·2021-04-19 17:26

【Vue学习笔记】Vuex使用

vuex是干嘛的Vuex是用来进行公共数据方法管理的。即管理所有数据都能拿到的数据和方法vuex的核心state用于存储公共状态，也就是数据，可以理解为组件中的data，以对象的格式写入即可state:{counter:10}在任何组件中都可以用$store.state.counter来获取。但是尤大大只建议用此方法来获取，如果要想更改数据则必须通过mutations来进行操作，因为这样可以配合d
王德发饿死了·2021-04-19 13:50

vue学习

vue1.1vue指令1.1.1v-text详情：更新元素的textContent。如果要更新部分的textContent，需要使用{{Mustache}}插值。用法：更新元素的textContent更新部分的textContenthaha{{tx}}1.1.2v-html详情：更新元素的innerHTML。注意：内容按普通HTML插入-不会作为Vue模板进行编译。如果试图使用v-html组合模板
栀璃鸢年_49a3·2021-04-19 03:52

Vue学习笔记

前言:学习B站UP主狂神说视频笔记整理视频链接概述Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用（SPA）提供驱动官网:vue
TuYoooo·2021-04-15 17:13

Vue学习笔记（一）：基础知识

Vue介绍简介：Vue.js目前最火的的一个前端框架，三大主流前端框架之一。其余两个是Angular和React。Vue.js是一套构建用户界面的框架（一套完整的解决方案，对项目侵入性大，中途需要跟换框架则需要重构整个项目），只关注视图层，易上手，有配套的第三方类库。提高开发效率，帮助减少不必要的dom操作；双向数据绑定，通过框架提供的指令，前端只需要关注业务逻辑，不再关心dom如何渲染。MVVM
南极浮冰·2021-04-14 17:14

vue学习

理解Vue的单向数据流所有的prop都使得其父子prop之间形成了一个「单向下行绑定」：父级prop的更新会向下流动到子组件中，但是反过来则不行。这样会防止从子组件意外改变父级组件的状态，从而导致你的应用的数据流向难以理解。额外的，每次父级组件发生更新时，子组件中所有的prop都将会刷新为最新的值。这意味着你不应该在一个子组件内部改变prop。如果你这样做了，Vue会在浏览器的控制台中发出警告。子
桃离浮生·2021-04-14 07:04

VUE学习笔记

VUE学习笔记一、环境安装使用脚手架搭建VUE项目二、使用vue-cli创建模板项目1、什么是vue-cli是vue官方提供的脚手架工具。脚手架工具简单讲就是自动将项目需要的环境、依赖等信息都配置好。
不染心·2021-04-02 22:36

从零开始的Vue学习

虽说是Vue学习，其实也包含些别的前端东西。静心学习，无限进步！！！学习笔记含代码：https://github.com/Xiaohufight/vue-learning其他
XiaohuFight·2021-03-29 10:25

Vue学习笔记：Element时间控件设置某一个日期禁止选择

Vue学习笔记：Element时间控件添加一段时间禁止选择需求：时间控件，当天之前禁止选择，某一个日期的之前时间禁止选择文档：代码实现：在时间控件上添加:picker-options="pickerOptions
前端互助会·2021-03-18 15:12

Vue学习笔记——one：Vue基础

Vue基础渐进式JavaScript框架声明式渲染->组件系统->客户端路由->集中式状态管理->项目构建官网：https://cn.vuejs.org/v2/guide/易用：熟悉HTML、CSS、JavaScript知识后灵活：在一个库和一套完整框架之间自如伸缩高效：20kb运行大小，超快虚拟DOM[vue官方文档]https://cn.vuejs.org/v2/guide/Vue基本使用步骤
默默花上开·2021-03-04 14:53

Vue源码解析第一篇 Vue双向绑定原理

Vue学习路线1、变化侦测篇学习Vue中如何实现数据的响应式系统，从而达到数据驱动视图。数据驱动视图：简单来说就是数据变化引起视图变化。
快乐的小斑鸠·2021-03-03 16:53

VUE学习----对象新增属性，页面不更新（渲染）的五种解决方案

背景页面触发事件修改对象类型的数据值，对象数据已成功修改，但是页面不更新、不渲染新数据值。代码{{item.key}}-{{item.name}}修改属性值exportdefault{name:'XuanRan',data(){return{persons:[{key:'orgData1',name:'123'}]}},methods:{add(){this.persons[1]={key:'ne
扮猪老虎吃·2021-02-25 16:00

vue学习总结

1.Vue-Cli3脚手架项目文件目录显示如下项目文件解析src文件src：放置组件和入口文件。assets：主要存放一些静态图片资源的目录。components：这里存放的是开发需要的的各种组件，各个组件联系在一起组成一个完整的项目。router：存放了项目路由文件。App.vue：是项目主组件，也是项目所有组件和路由的出口，之后它会被渲染到项目根目录的index.html中显示出来，我们可以在
伤魂孤傲·2021-02-23 11:03

Vue学习随笔+商城项目【下】

更新日期：2021-2-10晚【新年快乐】先看这里：Vue学习随笔+商城项目【上】目录（十二）组件化高级12.1slot-插槽的基本使用12.2slot-具名插槽的使用12.3编译的作用域12.4作用域插槽案例
平平无奇lsr·2021-02-10 21:05

使用vue学习three.js之加载高级几何体-加载VTK格式模型

加载VTK格式模型1.demo效果2.实现要点2.1VTK模型放置路径2.2加载VTK模型3.demo代码1.demo效果如上图，该demo通过VTKLoader加载了VTK格式的模型，将塑像呈现在页面中2.实现要点2.1VTK模型放置路径vue中加载文件时默认的路径为public下，所以需要加载的文件放在该路径下，同时在vue的data属性中创建变量publicPath，此变量的值是vue中的环
点燃火柴·2021-02-03 00:51

使用vue学习three.js之加载高级几何体-加载COLLADA(.dae)格式模型

加载COLLADA格式模型1.demo效果2.实现要点2.1COLLADA模型放置路径2.2加载COLLADA模型3.demo代码1.demo效果如上图，该demo通过ColladaLoader加载了COLLADA格式的模型，将卡车呈现在页面中2.实现要点2.1COLLADA模型放置路径vue中加载文件时默认的路径为public下，所以需要加载的文件放在该路径下，同时在vue的data属性中创建变
点燃火柴·2021-02-02 22:10

使用vue学习three.js之加载高级几何体-加载STL格式模型

加载STL格式模型1.demo效果2.实现要点2.1STL模型放置路径2.2加载STL模型3.demo代码1.demo效果如上图，该demo通过STLLoader加载了STL格式的模型，并添加了紫色材质2.实现要点2.1STL模型放置路径vue中加载文件时默认的路径为public下，所以需要加载的文件放在该路径下，同时在vue的data属性中创建变量publicPath，此变量的值是vue中的环境
点燃火柴·2021-02-02 21:25

Vue 事件的$event参数=事件的值案例

'002',count:2},{id:3,name:'003',count:3},]}},methods:{updateProduct(value){console.info(value)}}}补充：vue
·2021-01-29 10:02

Vue学习笔记：vue的计算属性

==计算属性在处理一些复杂逻辑时是很有用的==♦什么是计算属性？可以对数据进行一些转换后再显示，或者需要将多个数据结合起来进行显示计算属性关键词：computed代码示例1{{message.split('').reverse().join('')}}代码示例1中的模板很复杂，且不容易看懂代码示例2原始字符串:{{message}}{{reversedMessage()}}-->计算后反转字符串:
·2021-01-29 03:45

Vue学习笔记：v-bind动态绑定style

■可以利用v-bind：style来绑定一些CSS内联样式■在写CSS属性名的时候，比如font-size---□可以使用驼峰式：==fontSize==---□或短横线分隔：=='font-size'==■绑定style的两种方式：对象语法，数组语法一、对象语法■style后面跟的是一个对象类型---→对象的key是CSS的属性---→对象的value是具体赋的值，值可以来自data中的属性{{
·2021-01-29 03:40

Vue学习笔记：vue的计算属性

==计算属性在处理一些复杂逻辑时是很有用的==♦什么是计算属性？可以对数据进行一些转换后再显示，或者需要将多个数据结合起来进行显示计算属性关键词：computed代码示例1{{message.split('').reverse().join('')}}代码示例1中的模板很复杂，且不容易看懂代码示例2原始字符串:{{message}}{{reversedMessage()}}-->计算后反转字符串:
·2021-01-29 03:32

vue学习之ES6_02（对象深拷贝、对象合并、map和reduce）

StudyES6HelloES6//对象扩展运算符letp1={name:'zs',age:26};//拷贝对象深拷贝letsomeone={...p1};writeLine(JSON.stringify(p1));writeLine(JSON.stringify(p1));//合并对象letname1={name:'Alice'};letage1={age:24};letp2={...name1
All is well!8023·2021-01-28 23:52

vue学习之ES6_01(变量声明、数组解构、对象解构、模板字符串、箭头函数、函数优化、对象优化、对象声明简写、对象函数属性简写)

StudyES6HelloES6varvar1='var声明的变量会出现越域的情况，var可以声明多次，var会变量提升。';writeLine(var1);letlet1='let声明的变量有严格局部作用域，let变量只能声明一次，let不存在变量提升。';writeLine(let1);varv='JavaScript变量提升,JavaScript中，函数及变量的声明都将被提升到函数的最顶部。
All is well!8023·2021-01-28 22:08

Vue学习笔记：v-bind动态绑定style

■可以利用v-bind：style来绑定一些CSS内联样式■在写CSS属性名的时候，比如font-size---□可以使用驼峰式：==fontSize==---□或短横线分隔：=='font-size'==■绑定style的两种方式：对象语法，数组语法一、对象语法■style后面跟的是一个对象类型---→对象的key是CSS的属性---→对象的value是具体赋的值，值可以来自data中的属性{{
·2021-01-27 23:54

Vue学习----Vue的基础操作

Vue的基本操作一.Vue官网二.Vue介绍三.Vue的特点四.Vue扩展插件五.Vue的基本使用六.使用vue开发者工具调试七.Vue的MVVM介绍八.Vue对象的选项九.vue内置指令九.vue内置指令测试十.计算属性的监视十一.Class与Style绑定十二.条件渲染十三.列表渲染十四.列表渲染_过滤与排序十五.事件处理十六.表单输入绑定十七.Vue生命周期十八.过渡&动画十九.过滤器二十.
戏子zzz·2021-01-23 14:17

vue学习之elementUI表格自定义表头

问题描述：el-table表头添加icon悬浮提示样式展示：代码：{{scope.row.growthValueThreshold/100}}元methods:{renderHeader(){return(如品牌已关闭根据消费数据自动计算会员等级，则此配置不会生效。累计金额)}}
Seul0725·2021-01-15 10:14

vue学习-v-if v-for优先级、data、key、diff算法、vue组件化、vue设计原则、组件模板只有一个根元素、MVC.MVP,MVVM

1：v-if和v-for哪个优先级更高？如果两个同时出现，应该怎么优化得到更好的性能？//在vue页面中同时使用v-for与v-if后，打印渲染函数。console.log(app.$options.render)//app为Vue实例对象结论：1：显然v-for优先于v-if被解析2：如果同时出现，每次渲染都会先执行循环再判断条件，无论如何循环都不可避免，浪费了性能3：要避免出现这种情况，则在外
Yabi0527·2021-01-14 18:05

vuex核心内容及重点细节总结

更多同步vue学习代码或者观看vue全家桶学习笔记请点击这里的，麻烦帮忙点个star文章目录vuex简介vuex的状态管理vuex几大核心内容state模块mutations模块mutations怎么传递参数
陈北·2021-01-09 17:34

2021-01-06

Vue配置proxy疯狂的地球人2021-01-0512:52:5813收藏分类专栏：Vue学习笔记文章标签：vueproxy跨域ajax跨域问题devServer最后发布:2021-01-0512:52
weixin_46315812·2021-01-06 13:25

Vue学习记录

[toc]邂逅Vue.js1.编程范式-命令式编程如jquery-声明式编程只需要生命需要显示的东西就可以创建Vue实例的时候，传入了一个对象options，这个opentions中包含了-el:类型：string|HTMLElement作用：决定之后Vue实例会管理哪一个DOM-data:类型：Object|Function(组件中data必须是一个函数)作用：Vue实例对应的数据对象-meth
debug_LX·2021-01-01 20:47

Vue学习-1（18）svgo-loader删除svg自带fill

svgfill里有预设颜色，active不能生效自动删fill颜色加个loadersvgo-loaderyarnadd--devsvgo-loadersvg-sprite-loader-mod
去看去思考·2021-01-01 00:08

vue学习记录-01 vue初体验

vue学习记录-01vue初体验这篇文章是根据codewhy老师在b站的视频进行的学习记录文章目录vue学习记录-01vue初体验一、HelloVueJS二、Vue列表展示三、Vue案例：计数器一、HelloVueJS
jinxxxxx·2020-12-31 22:52

Vue学习笔记

前端页面的一个十分强大的在线可视化布局Bootstraphttps://www.bootcss.com/p/layoutit/#Twitter推出的一个用于前端开发的开源工具包一、Vue概述： Vue(读音/vju/,类似于view)是一套用于构建用户界面的渐进式框架，发布于2014年2月。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层（htmlcssjs，
天才小熊猫啊·2020-12-29 11:44

vue学习笔记

vue学习笔记搭建脚手架cli安装最新vuecli：npminstall-g@vue/cli安装：vueui该命令会自动打开你的浏览器,你要确保当前目录下没有其他项目,浏览器展示的页面如下：1.VueUI
甜甜的耶啵·2020-12-29 11:45

2020-12-28

title:Vue学习date:2020-12-0620:23:50tags:[随笔,Vue学习,入门]top:4Vue笔记以下是我最近学习Vue的总结,现在分享给大家，望给大家带来收获！
_一陈不染·2020-12-28 12:21

vue 不能响应set结构增加数据_Vue学习之路-vue数据响应式

前言我们在使用vue的时候，data属性几乎是必不可少的，vue的data属性也十分方便了为我们提供了暂存数据，数据修改，数据渲染的功能。但是为什么在data处设置的数据，我们可以直接在模板处进行使用并且实时渲染呢vue到底对data做了什么？目录getter和setterObject.defineProperty数据响应式getter和setter首先我们要了解getter和setter我们先抛
weixin_39539733·2020-12-21 16:15

vue 不同条件展示不同页面_vue学习笔记--表格列中根据不同内容显示不同按钮

目标：在表格中，A列的数据显示不同，B列根据A列中不同的数据，再显示不同的按钮。如图：2.png分析一下，“状态”这一列，有不同的tag。操作这一列会根据“状态”这列“已注册”“未注册”去分别显示“注销账号”或者是“获取注册链接”。先做“已注册”“未注册”效果，tag实现不同的颜色，就是通过type属性实现的，,对于tag的type直接用三元表达式进行实现代码片段plainsize="mini":
weixin_39605296·2020-12-21 10:19

vue学习笔记（超详细）

文章目录一.Vue基础认识Vue.jsVue安装方式Vue的MVVM二.Vue基础语法生命周期模板语法创建Vue,options可以放什么语法综合v-onv-for遍历数组v-model表单绑定v-model结合radio类型使用v-model结合checkbox类型使用v-model结合select类型使用值绑定修饰符检测数组更新计算属性computed计算属性setter和gettercomp
fmk1023·2020-12-18 16:35

V-bind详细使用

注意：v-bind:class指令可以与普通的class特性共存HTML代码：学习Vue学习Node学习ReactCSS代码：.box{border:1pxdashed#f0f;}.textColor{
MRZYD·2020-12-11 21:06

Vue学习记录day04：js高级函数（filter/map/reduce）的使用、v-model的使用

js高级函数（filter/map/reduce）编程范式：命令式编程/声明式编程编程范式：面向对象编程(第一公民：对象)/函数式编程(第一公民：函数) 编程范式详情可查看：https://www.cnblogs.com/sirkevin/p/8283110.htmlfilterfilter中的回调函数有一个要求：必须返回一个boolean值true：当返回true时，函数内部会自动将这次回调的n
程序猿二鍋頭·2020-12-09 11:17

Vue学习之路1-集成环境安装

1.前言Vue是一款友好的、多用途且高性能的javascript框架，与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用，它能够帮你创建可维护性和可测试性更强的代码库，Vue是渐进式的javascript框架库。2.安装简介Vue集成环境三大核心组件：node.js，npm，vue。3.node.js安装下载地址：https://nodejs.org/en/download/，根据操作系统
小子pk了·2020-12-09 03:13

Vue学习之vue-router

一、什么是vue-routervue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，也就是组件的切换。路由模块的本质就是建立起url和页面之间的映射关系。二
demo_020·2020-12-06 16:02

Vue学习笔记：Vue+elementUI 实现简单的表单提交

前言elementUI是我感觉还不错的一个前端框架，它构建了很多快速搭建板块，比如导航栏、分页、表格、时间/日期选择器等很多项目中常用的模块，可以快速应用开发。安装官方推荐使用npm的方式安装，它能更好地和webpack打包工具配合使用。npmielement-ui-S也可以通过unpkg.com/element-ui获取到最新版本的资源，在页面上引入js和css文件即可开始使用。开始：构建项目1
冬日里的那丝残阳·2020-12-04 13:35

Vue.js Day-1 入门

Vue学习笔记目录Day-1初识Vue及v-bind等指令的使用前言为了毕设进行前端学习准备，前端Vue，AntDesign。
Seigann·2020-11-30 16:29

vue onload传参 赋值_vue学习

51、v-model双向绑定的原理是什么？采用数据劫持结合发布者-订阅者的模式的方式，通过object.defineProperty()来劫持各个属性的setter、getter，数据变动的时候发布消息给订阅者，触发相应的监听回调。（1）、需要Observer的数据对象进行递归遍历，包括子属性对象的属性，都加上setter、getter,这样给某个对象的值赋值，就会触发setter，监听到数据的变
weixin_39609457·2020-11-25 05:19

Vue学习笔记:第一个vue-cli应用程序

什么是vue-cli：vue-cli是官方推出的一个vue项目的脚手架，用于快速搭建一个简单的vue项目模板。需要的环境：（管理员身份打开命令行）安装Node.js:http://nodejs.cn/download/确认node.js安装成功------>cmd下输入node-v/npm-v查看能否打印出版本号即可！安装成功查看版本安装cnpm（nodejs淘宝镜像加速器）:用于解决有些用npm
冬日里的那丝残阳·2020-11-23 22:46

VUE学习----组件使用方法

基本示例这里有一个Vue组件的示例：//定义一个名为button-counter的新组件Vue.component('button-counter',{data:function(){return{count:0}},template:'Youclickedme{{count}}times.'})组件是可复用的Vue实例，且带有一个名字：在这个例子中是。我们可以在一个通过newVue创建的Vue根
扮猪老虎吃·2020-11-21 08:43
上一页 20 21 22 23 24 25 26 27 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他