vue学习

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

狂神Vue学习笔记

1、VueSoc:关注度分离原则HTML+CSS+JS：视图：给用户看，刷新后台数据网络通信：axios页面跳转：vue-router状态管理：vuexVue-UI：ICEVue:一款渐进式JavaScript框架，所谓渐进式就是逐步实现新特性的意思，如实现模块化开发、路由、状态管理等新特性。其特点是综合了Angular(模块化)和React(虚拟DOM)的优点;Axios:前端通信框架;因为Vu
qq_41194348·2020-11-19 09:18

Vue学习笔记---暂保存

Vue的学习笔记一Vue基本1.Vue的设计理念vue要做一个渐进式框架,它给你提供足够的选项，但并不主张很多必须要求,它承担了较难的做减法的部分，而留给用者较简单的做加法的部分。Vue.js使用了基于HTML的模板语法，允许开发者声明式地将DOM绑定至底层Vue实例的数据。所有Vue.js的模板都是合法的HTML，所以能被遵循规范的浏览器和HTML解析器解析。在底层的实现上，Vue将模板编译成虚
名字是乱打的_闭关写项目中·2020-11-16 17:53

Vue基本语法中的等号与冒号总结

Vue基本语法中的等号与冒号总结————————————Vue学习记录作为一个新手，常常会在学习Vue的初期，总是记混各类v-xx之后紧跟的是等号还是冒号，遂对这个小点做个总结。
Hai Ts'ungchih·2020-11-14 09:34

Vue 网络请求框架 axios 使用教程

前期回顾1.Vue学习入门指南2.Vue入门环境搭建3.VisualStudioCode使用指南公众号：代码集中营每周分享技术文章、优质软件资源axios是一个基于Promise用于浏览器和nodejs
代码君1234556·2020-11-12 23:23

【黑马程序员】vue学习笔记（未完）

vue官方文档：https://cn.vuejs.org/v2/guide/github地址：https://github.com/feddiyao/vue-base-framework.gitVue的核心是帮我减少不必要的DOM操作，提高渲染效率Vue同时提供双向绑定的功能，通过提供的指令，我们只需要刷新数据，不再需要去管更新DOM的操作了mvc与mvvm关系图：mvvm的进一步解析浏览器的ne
不写博客的前端不是好前端·2020-11-09 16:16

小白的Vue学习笔记

学习地址：https://www.bilibili.com/video/BV1YE411A746这是我在B站学习写的一些笔记，可能会有些乱，凑合看吧。VueMVVMVue技术是MVVM开发模式的实现者MVC——M(Model)、V(View)、C(Controller)MVVM——M(model)、V(View)、VM(ViewModel)，连接视图和数据的中间件其他MVVM实现者：Angular
mp-ui·2020-11-04 13:45

vue学习笔记（六） ----- vue组件

一、模块化与组件化模块化的定义模块化在Node中是一个规范，定义一些模块的相关的规则，从代码角度上来说，方便做区别，如果不使用模块化，写在js文件中不利于后期维护和扩展，从代码的层面上就把相关的功能脱离出来，所以模块化从从代码的角度触发，分析项目，把项目中一些功能类型的代码，单独抽离为一个个的模块，那么为了保证大家以相同的方式去封装模块，于是我们就创造了CommentJS规范模块化的优点在我们项目
千夏Chinatsu·2020-10-27 23:49

【Vue学习总结】14.Vue父子组件数据传递

接上篇《13.使用Axios、fetchJsonp请求数据》上一篇我们主要讲解了如何使用使用Axios、fetchJsonp请求网络数据，本篇我们来讲解Vue中父组件如何将值、方法、实例传给子组件。本系列博文使用的Vue版本：2.6.11一、什么是父子组件？传值的意义之前几篇博文中，有一篇是讲解如何使用Vue组件的，而且编写了一个根组件以及挂载的首页组件和新闻组件，结构如下：这里的根组件，相对其下
光仔December·2020-10-25 19:02

Vue学习笔记（三）（动画和过渡）

1，transition的enter和leavetransition动画里会有六个生命周期钩子函数：v-enter：定义进入过渡的开始状态。在元素被插入之前生效，在元素被插入之后的下一帧移除。v-enter-active：定义进入过渡生效时的状态。在整个进入过渡的阶段中应用，在元素被插入之前生效，在过渡/动画完成之后移除。这个类可以被用来定义进入过渡的过程时间，延迟和曲线函数。v-enter-to
等枫林95·2020-10-21 13:02

Vue 网络请求框架 axios 使用教程

前期回顾1.Vue学习入门指南2.Vue入门环境搭建公众号：代码集中营每周分享技术文章、优质软件资源axios是一个基于Promise用于浏览器和nodejs的HTTP客户端，网络请求框架。
代码君1234556·2020-10-20 11:59

狂神说 vue学习笔记

vue学习笔记文章目录vue学习笔记一、第一个vue程序1.什么是MVVM2.为什么要使用MVVM3、直接新建项目4、导入vue.js5、简单绑定元素6vue的声明周期二、Vue基本语法1、vue-bind2
Java全栈百度工程师·2020-10-19 18:57

【vue学习】处理边界情况

image访问元素&组件在绝大多数情况下，我们最好不要触达另一个组件实例内部或手动操作DOM元素。不过也确实在一些情况下做这些事情是合适的。$root所有的子组件都可以将这个实例作为一个全局store来访问或使用对于demo或非常小型的有少量组件的应用来说这是很方便的。不过这个模式扩展到中大型应用来说就不然了。因此在绝大多数情况下，我们强烈推荐使用Vuex来管理应用的状态。$parent和$roo
豆浆牛奶宝宝·2020-10-10 23:59

vue学习

推荐文章Vue.js——60分钟快速入门官网手册Vue.js是数据驱动的，你无需手动操作DOM。它通过一些特殊的HTML语法，将DOM和数据绑定起来。一旦你创建了绑定，DOM将和数据保持同步，每当变更了数据，DOM也会相应地更新本文代码可以直接复制粘贴出效果注意点，vue的代码必须写在底部。el:----------对应选择的标签data:{}----对应数据methods:{}---对应函数1、
小龙123·2020-10-10 13:24
上一页 20 21 22 23 24 25 26 27 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他