Vue学习笔记

Vue学习笔记——Vue的坑

1、v-for的坑：vue低版本中data里面的items和computed里面可以一样，但是高版本，是不允许相同名称。2、{{}}和v-text和v-html的坑{{xxx}},这种情况是有弊端的，就是当我们网速很慢或者javascript出错时，会暴露我们的{{xxx}}。Vue给我们提供的v-text,就是解决这个问题的。3、遇到：Modulebuildfailed:Error:Cannot
Stephen-James·2020-06-23 11:42

Vue学习笔记四：.sync修饰符

在说明.sync修饰符作用之前，我们需要先弄清楚尤雨溪制定的Vue的三条规则：组件不能修改props外部数据在组件内this.$emit可以触发事件并传参$event可以接收this.$emit传递的参数那么当我们想要在组件内修改外部数据时，我们可以利用以上三条规则：组件内部触发事件update:title并传递参数newTitle给$event：this.$emit('update:title'
Prayx·2020-06-22 18:16

Vue学习笔记（二）：购物街开发

Vue.js仿蘑菇街项目开发该项目基础来源于coderwhy:https://github.com/coderwhy/HYMall我完成的项目地址：https://github.com/IronManTonyStark/Mall-Vue.js原项目有些小bug有修复，有些地方有点改动。总结了下学习的过程，大概如下：一.项目配置1.1目录结构network->网络请求模块components->co
SheernTay·2020-06-22 05:54

vue学习笔记

vue.js提醒：Vuejs如今正处在快速发展中，很多资源随时都有可能过时（outdated），记得查看最新文档，使用最新资源。Vue的官方说明数据驱动的组件，为现代化的Web界面而生。Vue.js（读音/vjuː/,类似于view）是一个构建数据驱动的web界面的库。Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。Vue.js自身不是一个全能框架——它只聚焦于视图层
c盖世·2020-06-21 15:01

Vue学习笔记一：Vue的初见

1.Vue两个版本的区别Vue分为完整版和非完整版(runtime版)两个版本Vue完整版Vue非完整版评价特点有compiler无compilercompiler多占40%空间视图写在html里或者写在template选项里写在render(h)函数里用h来创建标签h是Vue写好传给render的cdn引入vue.jsvue.runtime.js文件名不同，生产版本的后缀都为.min.jsweb
Prayx·2020-06-21 09:38

vue学习笔记

一：v-if作用：判断是否加载固定的内容，如果为真，就加载，否则不加载用处:用在权限管理，页面加载语法:v-if="判断表达式"特点:控制元素插入或删除，而不是隐藏（v-show是隐藏）v-if与v-show的区别:v-if的安全级别更高，v-show只是隐藏了，通过页面源代码还是可以看到，安全级别低、v-if更高的切换消耗（切换消耗指从未加载到加载或者从加载到未加载的状况，需要添加或删除这个元素
我的包子·2020-06-21 05:03

Vue学习笔记（入门）

Vue2.0初级教程cdn引入Vue.js文件插值语法过滤器计算属性Class与Style绑定Class绑定Style绑定条件渲染表单控件绑定组件组件中间的通信Props父组件传递数据给子组件自定义事件实现子组件传递数据给父组件非父子通信slot标签的使用动态组件keep-alive子组件索引cdn引入Vue.js文件引入开发版本，包含命令行的警告插值语法文本插值Message:{{msg}}数据
Xp_周祥鹏·2020-06-11 15:57

Vue学习笔记-02-指令

文章目录一、指令1.1模板语法概述1.2v-cloak指令解决插值表达式闪动的问题1.3v-text纯文本填充1.4v-html填充HTML片段1.5v-pre填充原始信息1.6数据响应式1.6v-once只渲染一次1.7v-model数据双向绑定一、指令1.1模板语法概述1.2v-cloak指令解决插值表达式闪动的问题用法：{{msg}}插值表达式存在的问题：“闪动”如何解决该问题：使用v-cl
疯狂的地球人·2020-06-01 08:43

Vue学习笔记--Vue组件

全局组件注册语法1.全局组件注册语法Vue.component('',{data:function(){//组件所使用的数据....},template:'...'//组件定义的模板数据})2.全局组件使用示例//1.Vue全局组件的声明Vue.component('button-handler',{data:function(){return{counter:0}},template:'点击了{
浪一把·2020-05-30 10:29

Vue学习笔记-01-入门

文章目录一、Vue概述二、基本使用2.1原生JS2.2jQuery2.3Vue.js基本步骤2.3.2Vue练习三、JS练习一、Vue概述Vue：渐进式JavaScript框架声明式渲染（基础）组件系统（通用代码）客户端路由（单页面应用：页面局部更新、浏览器历史回退功能等）集中式状态管理（项目规模比较大有大量的业务数据，为了方便管理可以使用Vuex模块）项目构建（前端项目独立开发、测试、部署上线）
疯狂的地球人·2020-05-22 21:00

Vue学习笔记5--前端工程化

前端工程化完整的基础篇笔记PDF下载，完全手打有用的话请给个赞呗Thanks♪(･ω･)ﾉ模块化相关规范概述传统开发问题命名冲突文件依赖模块化含义：把单独的一个功能封装到一个模块（文件）中,模块之间相互隔离，可以通过特定的接口公开内部成员，也可以依赖别的模块好处：方便代码重用，提升开发效率，方便后期维护浏览器端模块化规范AMD（Require.js）CMD（Sea.js）服务器端模块化规范Comm
erkye·2020-05-06 22:00

Vue学习笔记4--vue-router路由

vue-router前端路由完整的基础篇笔记PDF下载，完全手打有用的话请给个赞呗Thanks♪(･ω･)ﾉ路由的基本概念本质路由本质是对应关系路由分类后端路由概念：根据用户的URL请求返回不同内容本质：URL请求地址与服务器资源之间的对应关系前端路由概念：根据不用的用户事件，显示不用的页面内容本质：用户事件和事件处理函数之间的对应关系实现简单的前端路由基于URL中的hash实现（点击菜单的时候改
erkye·2020-05-05 21:00

Vue学习笔记3--前后端交互

前后端交互完整的基础篇笔记PDF下载，完全手打有用的话请给个赞呗Thanks♪(･ω･)ﾉ概述接口调用模式原生ajaxjQuery的ajaxfetchaxiosPromise用法js异步调用例子定时任务ajax事件函数回调地狱问题Ajax的Promise处理方式functionqueryData(url){varp=newPromise(function(resolve,reject){varxh
erkye·2020-05-04 11:00

Vue学习笔记2--组件化开发

组件化开发完整的基础篇笔记PDF下载，完全手打有用的话请给个赞呗Thanks♪(･ω･)ﾉ推荐官方文档内容最全组件化思想标准分治重用组合组件注册全局注册Demo--注册Vue.component('button-counter',{//组件内部需要的数据data:function(){return{count:0}},//组件的模板template:'点击了{{count}}'});使用注意事项：
erkye·2020-05-04 08:00

325、Vue学习笔记31 -【深入响应式原理】 2020.04.21

0、目录1、如何追踪变化2、检测变化的注意事项2.1对于对象2.2对于数组3、声明响应式属性4、异步更新队列5、参考链接现在是时候深入一下了！Vue最独特的特性之一，是其非侵入性的响应式系统。数据模型仅仅是普通的JavaScript对象。而当你修改它们时，视图会进行更新。这使得状态管理非常简单直接，不过理解其工作原理同样重要，这样你可以避开一些常见的问题。在这个章节，我们将研究一下Vue响应式系统
youyouwuxin1234·2020-04-21 18:33

Vue学习笔记-倒计时插件

最近公司在写OTA的项目，一些订单需要自动处理，于是就有了倒计时的需求。在github上找到了vue2-countdown，就把这个插件引入到了我公司的项目中。vue2-countdown基于vue2.0的活动倒计时组件可以使用服务端当前时间在倒计时开始或者结束的时候,可以自定义回调文档：https://cgygd.github.io/vue2-countdown/demo：https://cgy
赵客缦胡缨v吴钩霜雪明·2020-04-10 22:13

Vue学习笔记

eslint中expected"indent",got"eos"在写stylus时碰到这种问题，肯定是由于编辑器使用了不一样的缩进方式，需要进行设置即可。因为他在你的编辑器中可能是对齐了的，但是实际并没有。stylusmixin只可以为样式提供函数的功能虽然可以设置vue中的样式为scoped模式但是在组件和公用组件中不要起相同的样式名以免污染vue生命周期1.beforeCreate（初始化之后
snakeninja110·2020-04-09 06:16

VUE学习笔记---初识VueX

什么是VueXVueX是专门服务于Vue.js的状态管理模式，大白话就是Vue项目中有一些全局变量，这些变量每个地方都可以用也可以修改，VueX负责把这些变量以及修改变量的方法包装起来，这样会更规则。VueX应用的核心就是store仓库，项目中要使用VueX，先需要安装npminstallvuex然后在src文件夹下创建storestore.jpgstore的组成constmystore=newV
邓生的邓生·2020-04-07 10:04

Vue 学习笔记4（77-87）

Vue学习笔记4（77-87）学习地址：https://ke.qq.com/course/279700目录：01-01git下载代码02-27Vue2.x28-39路由精讲40-49Vue-Cli3.050
Allenem·2020-04-04 21:17

vue学习笔记--插槽、具名插槽和作用域插槽

插槽使用场景是；如果子组件需要显示的内容并非来自本身，而是父组件传递进来的，而假如直接这样写，是不可以实现的，因为如果me-component没有包含一个元素，则任何传入它的内容都会被抛弃：image.png要实现上面的使用场景，可以利用插槽：我是headerVue.component('me-component',{template:`你好`})varvm=newVue({el:"#app"})
一个总在代码里给自己下毒的小白·2020-04-03 03:57

无标题文章

写文章注册登录首页下载AppVue学习笔记Alexee关注2016.05.1313:45*字数3279阅读12442评论17喜欢216赞赏1个人基于对Vuejs的学习制作了一个Todo单页应用Lightodo
过场_ab79·2020-04-01 10:02

Vue 学习笔记入门篇： v-bind以及class与style的绑定

Vue学习笔记入门篇：v-bind以及class与style的绑定应用场景:DOM元素经常会动态地绑定一些class类名或style样式4.1了解bind指令v-bind的复习链接的href属性和图片的
hzl的学习小记·2020-03-31 14:00

Vue学习笔记（一） 创建Vue项目

1.安装淘宝镜像npminstall-gcnpm--registry=https://registry.npm.taobao.org2.安装webpack：cnpminstallwebpack-g3.安装vue脚手架npminstallvue-cli-g4.创建项目先进入要创建项目的位置比如D:vue,再创建vue项目（vue_test）d:cdvuevueinitwebpackvue_test输
莫问夕阳·2020-03-31 04:40

Vue学习笔记（九）：高级特性provide/inject

开发底层组件时用的多：解决组件通信的问题父节点向子节点传递数据：属性子节点向父节点传递数据：this.$emitA:provide数据【默认提供的数据都不是响应式的】E,F,I:inject注入数据【冒泡的方式】单向数据流，如果要改动，要通过"最顶层"去修改问题：通过this来实现响应式，但是this上面有很多不需要的data和methord数据，如何解决使用Vue.observable
smartHui·2020-03-29 07:07

vue学习笔记（1）——创建项目

githubvue学习笔记（2）主要介绍项目的基本设置，如axios设置和项目颜色控制vue学习笔记（3）主要介绍vue的router简单用法vue是一个前端框架，通过将html中的各种dom渲染成vue
溪语流沙·2020-03-28 15:42

vue学习笔记（三）双向数据绑定，computed计算属性，动态绑定css，v-if,v-for

数据绑定{{name}}newVue({el:"#app",data(){return{name:true}}});通过添加v-model进行双重数据绑定computed计算属性methods方法：一旦某个方法执行，所有方法都会全部执行区别：写法上：computed计算属性在用属性时不用加(),而methods在使用时必须加()methods需要加()--{{fn()}}computed不需要()
帝王弦·2020-03-26 05:48

Vue学习笔记

Vue学习笔记目录Vue学习笔记一、环境搭建1.Node.js、Npm、Cnpm2.Vue-cli二、Vue实例1.目录结构2.生命周期3.过滤器4.计算属性5.监听器6.方法三、组件1.组件介绍2.使用
WindrunnerMax·2020-03-24 12:00

vue学习笔记-模拟数据应用到表格

目标：实现将模拟的数据显示在表格内准备：模拟数据的.json文件一份具体实现效果：20180906232053.png分析：首先表格由表头和每行的内容来组成。首先采用以下dom结构勾出大样子：在.json文件中我们写好了基本的数据，代码片段："data":{"all":[{"id":"610000200401115715",//虽然可能用不到，但是还是建议有ID"name":"算即断并济以","a
一个总在代码里给自己下毒的小白·2020-03-24 04:55

vue学习笔记

Vue组件//1.创建一个组件构造器varmyComponent=Vue.extend({template:'Thisismyfirstcomponent!'})//2.注册组件，并指定组件的标签，组件的HTML标签为//3.全局注册组件，在实例化的vue外注册Vue.component('my-component',myComponent)newVue({el:'#app',//4.用compo
张家三少灬·2020-03-18 11:37

解决vue不是内部或外部命令的问题

今天想使用vue-cli脚手架搭建一个项目练手，按照这个步骤Vue学习笔记之vue-cli来的，结果在运行vueinitwebpackproject-name的时候，总是提示“”vue不是内部或外部的命令
2d9ec85f6803·2020-03-15 17:55

Vue学习笔记之vue-cli

说明：学习vue时的笔记，用于理清自己在学习过程中的每个知识点的思路，若有错误，不吝赐教，谢谢。vue-cli脚手架介绍vue-cli，是一个快速的构建vue项目的工具、脚手架，它是官方出口。它会自动的把一个项目所需要的目录、文件，都给自动的创建好。使用步骤0、安装cnpm（可选项）由于有些npm有些资源被屏蔽或者是国外资源的原因，经常会导致用npm安装依赖包的时候失败，所有还需要npm的国内镜像
2d9ec85f6803·2020-03-13 20:13

Vue学习笔记进阶篇——vue-cli安装及介绍

本文为转载，原文：Vue学习笔记进阶篇——vue-cli安装及介绍介绍Vue-cli是Vue的脚手架工具主要作用：目录结构、本地调试、代码部署、热加载、单元测试地址：https://github.com
ChainZhang·2020-03-11 09:31

vue学习笔记

一、思想介绍设计思想MVVM,数据绑定原理：Vue.js：轻量高效的前端组件化方案-CSDN.NET入门介绍文章*【webpack、babel、ES6】：www.jianshu.com/p/710e66547bbbvue-cli脚手架介绍：前端开发中提到的“脚手架”到底指什么，CLI？gulp和gulp-cli有什么区别-前端开发-知乎vue-loader跟着构建项目：Choosealanguag
joelc·2020-03-09 20:48

vue学习笔记之组件

先点赞后关注，养成习惯再看。寄语：没有一个冬天不会过去，没有一个春天不会到来。前言在前面vue的一些博客中，我们几乎将vue的基础差不多学习完了，而从本篇博客开始将会进入到vue的另一个阶段性学习，本篇博客的内容在以后的vue项目中占很大的比重，所以小伙伴们需要认真学习，本篇博客的内容也比较简单，看过我博客的人都知道我所写的每一篇博客都是非常的详细的，所以大家不要担心学不会。我会尽量将所学的知识讲
一级元佬·2020-03-06 02:47

vue学习笔记之slot插槽用法实例分析

本文实例讲述了vueslot插槽用法。分享给大家供大家参考，具体如下：不使用插槽，在template中用v-html解析父组件传来的带有标签的contentRachel">Vue.component('child',{props:['content'],template:'hello'})varvm=newVue({el:'#app'})使用插槽，如果父组件为空，就会显示slot中定义的默认内容R
Rachel~Liu·2020-02-29 18:47

vue学习笔记之Vue中css动画原理简单示例

本文实例讲述了Vue中css动画原理。分享给大家供大家参考，具体如下：当transition包裹了一个元素之后，vue会自动分析元素的css样式，构建动画流程。so，我们需要定义style。vue中的css动画，其实就是某一个时间点，给元素再增加了一个css样式体现的。v-if、v-show、动态组件都可以实现过渡效果。如果没有给transition定义name，vue中默认是.v-enter、.
Rachel~Liu·2020-02-29 18:09

vue学习笔记之动态组件和v-once指令简单示例

本文实例讲述了vue动态组件和v-once指令。分享给大家供大家参考，具体如下：点击按钮时，自动切换两个组件，当点击按钮之后，会自动清除原来的组件，显示新的组件。每一次切换，都需要销毁+创建但是这样消耗有点大，所以我们在子组件中引用了v-once指令，这样可以将显示在页面中的组件存到内存中，不会完全销毁。动态组件和v-once指令-->-->changeVue.component('child-o
Rachel~Liu·2020-02-29 18:05

vue学习笔记之给组件绑定原生事件操作示例

本文实例讲述了vue学习笔记之给组件绑定原生事件操作。分享给大家供大家参考，具体如下：当在父组件中定义一个点击事件，并且在父组件的methods中定义了这个点击事件时，在页面上点击并不会有什么反应。
Rachel~Liu·2020-02-27 12:56

Vue学习笔记

1,Vue--------学习笔记1.1：【vue是什么】1，是一个用于创建用户界面的开源javascript框架，也是一个创建单页应用的web应用框架2，MVVM：是Model-View-ViewMdel的缩写，它是一种基于前端开发的架构模式，其核心是提供对View和ViewModel的双向数据绑定这使的ViewModel的状态改变可以自动传递给View，就是所谓的双向数据绑定1.2：【vue的
梦想起航-冬·2020-02-26 12:14

Vue学习笔记4

条件渲染v-ifTitleParagraph1Paragraph2varvm=newVue({el:'#app',data:{message:"hello",ok:true}})v-else0.5">NowyouseemeNowyoudon'tvarvm=newVue({el:'#app',})v-showHello!varvm=newVue({el:'#app',data:{ok:true}})
qfstudy·2020-02-26 02:01

vue学习笔记--表格列中根据不同内容显示不同按钮

目标：在表格中，A列的数据显示不同，B列根据A列中不同的数据，再显示不同的按钮。如图：2.png分析一下，“状态”这一列，有不同的tag。操作这一列会根据“状态”这列“已注册”“未注册”去分别显示“注销账号”或者是“获取注册链接”。先做“已注册”“未注册”效果，tag实现不同的颜色，就是通过type属性实现的，,对于tag的type直接用三元表达式进行实现代码片段{{scope.row.state
一个总在代码里给自己下毒的小白·2020-02-26 00:56

Vue学习笔记入门篇——组件杂项

本文为转载，原文：Vue学习笔记入门篇——组件杂项动态组件通过使用保留的元素，动态地绑定到它的is特性，我们让多个组件可以使用同一个挂载点，并动态切换：varhome={template:'thisishome
ChainZhang·2020-02-25 05:19

vue学习笔记-prop

用于组件props:['title','likes','isPublished','commentIds','author']说明这个组件有'title','likes','isPublished','commentIds','author'这几个attribute以下说明组件有title,likes等等属性，并且指定对应属性的类型，当给到错误类型的值时控制台会报错props:{title:Str
听着music睡·2020-02-23 21:00

Vue学习笔记-Day2 Vue基本用法、MVVM模型、生命周期函数、深度响应式原理、虚拟DOM

day2–vue起步文章目录day2--vue起步Vue安装Vue初体验Vue的MVVM模型Vue的生命周期函数Vue深度响应式原理插值语法绑定参数计算属性条件渲染虚拟DOMVue安装目前有种使用方式：1CDN引入开发环境版本：生产环境版本：开发人员的话，还是建议使用第一个2下载引入直接去vue的官网找这个，然后点击链接另存为即可下载vue.js文件，然后放到自己的项目JS文件夹中，在需要使用的页
小菜鸡的日常问题·2020-02-22 22:17

Vue学习笔记-插槽

深入理解vue中的slot与slot-scope插槽，也就是slot，是组件的一块HTML模板。对于任何一个组件，从模板种类的角度来分，其实都可以分为非插槽模板和插槽模板两大类。非插槽模板指的是html模板，比如‘div、span、ul、table’这些，非插槽模板的显示与隐藏以及怎样显示由组件自身控制；插槽模板是slot，它是一个空壳子，因为它的显示与隐藏以及最后用什么样的html模板显示由父组
赵客缦胡缨v吴钩霜雪明·2020-02-22 19:49

Vue学习笔记一：Vue.js介绍

一、近年来前端开发趋势旧浏览器逐渐淘汰，移动端需求增加前端交互越来越多，功能越来越复杂架构从传统后台MVC向RESTAPI+前端MV*迁移MV*：1、MVC2、MVP3、MVVM←Vue.js二、MVVM框架介绍MVVM的应用场景：针对具有复杂交互逻辑的前端应用提供基础的架构抽象通过Ajax数据持久化，保证前端用户体验MVVM：1、Angular.js2、react.js3、vue.js三、什么是
APRII2·2020-02-22 17:31

Vue学习笔记入门篇——安装及常用指令介绍

本文为转载，原文：Vue学习笔记入门篇——安装及常用指令介绍介绍Vue.js是当下很火的一个JavaScriptMVVM库，它是以数据驱动和组件化的思想构建的。
ChainZhang·2020-02-21 22:01

vue学习笔记

Vue学习笔记Vue初始化对象varvm=newVue({el:"#box",//绑定的元素template:"{{money}}",//使用的模板data:function(){//绑定的数据return
土豪码农·2020-02-20 03:27

Vuex实现组件通信-Vue学习笔记(2).md

2017.4.17-4.21前言本周继续上周的登录界面，使用less与vuex进行完善。笔记导航Vue套件使用Vuex状态管理学习（state&getters&mutations&actions）通过Vuex实现多个组件间的通信使用less编辑页面样式详细笔记1.Vue组件嵌套使用新建父组件，在script段落内引入子组件，并且在父组件中插入已定义的子组件entry//声明引入子组件变量impor
daisimin7·2020-02-20 00:41

vue学习笔记-vue风格指南-优先级

优先级A的规则：1.组件名为多个单词，但是根组件除外。如：exportdefault{name:'UnitList',}2.组件的data必须是一个函数3.Prop定义应该尽量详尽，至少要指定其类型4.为v-for设置键值，即总是用key来配合v-for5.不要把v-for和v-if同时使用在同一个dom元素上6.为组件样式设置作用域：a.scopedb.使用CSSModulesc.使用BEM约定
一个总在代码里给自己下毒的小白·2020-02-19 21:34
上一页 14 15 16 17 18 19 20 21 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他