vue学习

vue学习(12)：路由

1.什么是路由(1)后端路由：对于普通的网站，所有的超链接都是URL地址，所有的URL地址都对应服务器上的资源；(2)前端路由：对于单页面应用程序来说，主要通过URL中的hash(#号)来实现不同页面之间的切换，同时，hash有一个特点；HTTP请求中不会包含hash相关的内容；所以，单页面程序中的页面跳转主要用hash实现；(3)在单页面应用程序中，这种通过hash改变来切换页面的方式，称作前端
不会改变·2021-05-13 02:14

Vue学习3：Vue CLI

Vue学习3：VueCLI文章目录一、认识VueCLI二、VueCLI2的使用1.基本使用2.ESlint3.runtime-compiler与runtime-only的区别4.npm-run-build
Vivian小姐·2021-05-12 22:13

vue学习笔记

vue引入vue.js第一个vue程序vue指令v-ifv-forv-bindv-bind缩写v-model.lazy.number.trimv-onv-on缩写v-htmlv-showv-show和v-if的区别计算属性应用Axios_ajax绑定htmlclass组件引入vue.js第一个vue程序vue{{message}}varapp=newVue({el:'#app',//el是元素el
向天再借500年·2021-05-10 12:23

Vue学习笔记01——Vue开发基础

一、Vue实例配置选项选项说明dataVue实例数据对象methods定义Vue中的方法components定义子组件computed计算属性filters过滤器el唯一根标签watch监听数据变化1.el唯一根标签在创建Vue实例时，el表示唯一根标签，class或id选择器可以用来将页面结构与Vue实例对象中的el绑定。{{name}}varvm=newVue({el:"#app",data:
小C好好干饭·2021-05-06 19:51

vue学习(14)：webpack

1.网页中引入的静态资源多了以后有什么问题(1).网络加载速度慢，因为我们要发起很多的二次请求(2).要处理错综复杂的依赖关系2.webpack最基本的使用方式main.js是我们项目的JS入口文件(1).导入jquery//import***from***是ES6中导入模块的方式//由于ES6的代码太高级了，浏览器解析不了，所以，这一行执行会报错import$from'jquery'//使用we
不会改变·2021-05-02 10:12

Vue学习笔记，快速入门文档

Vue学习笔记资源获取此文档有离线版本学习笔记，下载方式如下如果有CSDN积分的直接下载：https://download.csdn.net/download/qq_31384551/18271053没有积分的请使用网盘下载
聚繁大BUG·2021-04-30 15:19

VUE学习笔记008 v-for 遍历数组和对象

遍历数组characters：["aaaaaa","bbbbbbb","cccccccccc"]character+++++++++++++++++++++++++++++++++++++++++++++++++++++++++遍历对象users:[{name:"aaaaaaa",age:"10"},{name:"bbbbbb",age:"20"},{name:"ccccc",age:"30"},
梦想_15eb·2021-04-30 14:09

VUE学习：撸一只BILIBILI的ios客户端端

前言笔者最近接触vue,在翻遍手机寻找练手项目时，相中了一款信仰级别的app：bilibili。在制作时遇到了很多困难，一个一个坑自己慢慢填，想找个方法把一个前端小白到完成这个任务的过程记录下来，故写此文作为保存，本项目持续更新中，望大佬们提出建议。小弟感激不尽。0.1版本界面：完成首页几个主要模块的制作，包括Home页的三个板块，以及分区动态的tab切换，界面由假数据驱动，在后期会接入真实的数据
yanlvji54·2021-04-30 01:57

Vue学习2：组件化开发（基本知识、父子间通信、slot、模块化开发）

Vue学习2：组件化开发（基本知识、父子间通信、slot、模块化开发）文章目录一、基本知识1.组件的使用2.全局组件和局部组件3.父组件和子组件4.模板的分离写法5.组件数据二、父子组件通信1.父传子2
Vivian小姐·2021-04-28 17:18

vue学习杂计

[email protected]=""点击自身部分，而不是子元素2.v-cloak指令v-cloak不需要表达式用法：这个指令保持在元素上直到关联实例结束编译。和CSS规则如[v-cloak]{display:none}一起用时，这个指令可以隐藏未编译的Mustache标签直到实例准备完毕。示例：[v-cloak]{display:none;//可以用!important提升优先级}{{message}
strugglexiang·2021-04-27 14:24

Vue学习笔记入门篇——组件的使用

本文为转载，原文：Vue学习笔记入门篇——组件的使用组件定义组件(Component)是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。
ChainZhang·2021-04-26 21:28

vue学习第二天——表单修饰符、自定义指令、侦听器、计算属性、过滤器、生命周期、ES6常用方法

mvvm:m：数据层；v：视图层；vm：控制器，实现数据层和视图层的数据保持一直（实现同步）varstr="hello";//split("")将字符串分割成数组//reverse()颠倒数组的顺序//join("")将数组变成一个字符串str=str.split("").reverse().join("");console.log(str);表单修饰符：表单修饰符确定newVue({el:"#a
h_jQuery·2021-04-26 18:17

我的Vue学习之旅

1.VueJs2.0建议学习路线http://www.cnblogs.com/smartXiang/p/6051086.html结合菜鸟教程-入门，了解vue.js的初级用法2.包学会之浅入浅出Vue.jshttps://www.qcloud.com/community/article/430630001490779316?fromSource=gwzcw.84430.84430.84430结合官
我有一个apple·2021-04-23 19:49

Vue学习笔记入门篇——数据及DOM

本文为转载，原文：Vue学习笔记入门篇——数据及DOM数据data类型Object|Function详细Vue实例的数据对象。
ChainZhang·2021-04-23 10:54

Vue学习笔记之列表渲染

上一篇：Vue学习笔记之条件渲染v-for在v-for块中，我们拥有对父作用域属性的完全访问权限。v-for还支持一个可选的第二个参数为当前项的索引。
aitality·2021-04-22 03:07

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
上一页 20 21 22 23 24 25 26 27 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他