#vue学习

vue学习系列-初识vue

写在前面几个月前还沉浸在AngularJS的强大之中，最近才猛然发现vue已经火热到不行。赶紧学习一下。目前版本为2.x，相对于1.x有一定的改变。1.x使用较为广泛一些，能查的资料多一些，还是从1.x开始啃吧。另外值得一说的是，vue-router作为与单页应用息息相关的一个模块，2.x也是相对于1.x有着所谓的“破坏性”升级，即不能向下兼容。当时没注意，还是踩了一个深深的坑，所以在此建议无论是
风穆雷·2020-04-13 04:02

vue2.x学习笔记（十二）

组件基础组件化是vue的一个重要特性，也是vue学习中非常重要的一个知识点。
杨冠标·2020-04-12 00:00

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 实战 (3): 布局与组件

首先首发博客:我的博客项目源码:源码(喜欢请star)项目预览:预览上一章:《学习不一样的vue(2)实战:项目分析》我的Q群:meteor高手群vue学习交流群首先：讲一句抱歉,周末俗事缠身,无力更博
yang_子义·2020-04-09 22:52

Vue学习-组件化笔记

组件化开发创建组件构造器对象Vue.extendtemplate传入自定义组件的模板//创建构造器constcpn1=Vue.extend({template:`组件1A`})注册组件全局组件/局部组件/父子组件//全局注册Vue.component("cpn",cpn1})//局部注册在实例中组件内部也可以注册另一个组件constapp=newVue({el:'#app',components:
大三还很菜·2020-04-09 19:26

Vue学习笔记

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

Vue学习:过滤器、焦点、键盘修饰符/自定义键盘修饰符

过滤器的基本使用私有过滤器{{item.ctime|dataFormat('yyy-mm-dd')}}filters私有局部过滤器，只能在当前VM对象所控制的View区域进行使用filters:{//私有局部过滤器，只能在当前VM对象所控制的View区域进行使用dataFormat(input,pattern=""){//在参数列表中通过pattern=""来指定形参默认值，防止报错vardt=n
Merbng·2020-04-09 05:50

Cordova结合Vue学习Camera

简单聊两句学习Vue+Cordova打包编译App，首先你要安装Cordova与vue，在这里本人就不说明了，自行看文档与搜索相关资料。Cordova中文官网地址Vue中文官网地址第一步：首先在vue代码中加入cordova-plugin-camera的调用方法navigator.camera.getPicture是调用camera的方法，他会附带三个参数，cameraSuccess是提供图像数据
逆行世界·2020-04-08 21:24

VUE学习01:使用vue-cli搭建项目

vue-cli是一个官方发布vue.js项目脚手架，使用vue-cli可以快速创建vue项目，GitHub地址是：https://github.com/vuejs/vue-cli一、安装node.js首先需要安装node环境，可以直接到中文官网http://nodejs.cn/下载安装包。只是这样安装的node是固定版本的，如果需要多版本的node，可以使用nvm安装http://blog.csd
陌上桑_浅·2020-04-08 11:19

VUE学习笔记---初识VueX

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

Vue学习知识点总结

Vue讲解Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，Vue也完全能够为复杂的单页应用提供驱动。有些知识点Vue官网讲解的不是很清晰，所以我就写了一些小的demo；但是官网上有些知识点这里是没有讲解到的，大神请坐高铁走！小白每天抽空看一遍，不会也会了！案例地
艾曼大山·2020-04-07 09:19

大前端知识汇总博客

big-frontend-knowlage欢迎star,发布issue大前端知识对大前端学习的整体规划js各大重要知识点CSS各大重要知识点HTML各大重要知识点每天一个MDNAPI学习Vue学习源码解析计算机专业知识因为小编是非专业出生的
KenNaNa·2020-04-06 19:56

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 + .netcore 补充项目2 ] 二七║ Nuxt 基础：框架初探

赶脚比较凄凉了，大家看到的麻烦点个赞呀说个话呀，增加下人气哈哈，刚刚突然想到原来问题都跑到群里了，也是，当初创建群的目的就是解决问题滴，不能本末倒置了[苦笑]，经过一个月的书写《.netcore(13)》、《Vue
SAYLINING·2020-04-03 04:15

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

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

vue学习日记——父子组件间数据传递

在vue中组件实例的作用域是相互独立的，所以子组件不能直接使用父组件中的数据。子组件要想获取父组件的数据，可以采用以下两种方式：1、子组件中使用(this.$parent.变量名)调用，例：//父组件importchildfrom'@/components/child'exportdefault{name:'father',data(){return{fatherMsg:'fathermessag
夜鸟丶·2020-04-02 14:12

vue学习：第一章 搭建Vue环境

1.搭建Node环境下载Node安装包下载地址：https://nodejs.org/en/或者http://nodejs.cn/2.Vue-cli脚手架安装npminstallvue-cli-g3.初始化项目vueinitwebpackproject-namevueinit过程中会有一些选项如下说明：Projectname：项目名Projectdescription：项目描述Author：作者信
小虾皮爱吃肉·2020-04-01 23:15

无标题文章

写文章注册登录首页下载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学习总结(一)

构造器每一个Vue.js的应用都是通过够构造函数Vue创建的一个Vue的根实例。例如：varvm=newVue({//选项})上述代码中在实例化vue的时候需要传入一个对象，它可以包涵数据、模板、挂载元素、方法、生命周期钩子等。当然为了创建可复用的组件构造器，我们可以通过扩展vue构造器的方法实现来实现预定义选项，通过扩展的预定义选项来创建更多可复用的组件。例如：varMyComponent=Vu
61ae56c48fc6·2020-03-27 19:24

2019-03-07 vue学习

1.对于已经创建的实例，Vue不能动态添加根级别的响应式属性有时你可能需要为已有对象赋予多个新属性，比如使用Object.assign()或_.extend()。在这种情况下，你应该用两个对象的属性创建一个新的对象。所以，如果你想添加新的响应式属性，不要像这样：错误的：Object.assign(vm.userProfile,{age:27,favoriteColor:'VueGreen'})你应
嘻嘻乐哈哈·2020-03-27 11:19

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学习高级特性(二)--$nextTick、自定义v-model

这部分来讲vue的高级特性--$nextTick和自定义v-model，写这个主要是给自己有一个大致的印象。一、$nextTick直接来看代码：{{item}}pushnewVue({el:'#demo',data(){return{list:[0,1,2,3,4,5,6,7,8,9,10]}},methods:{push(){this.list.push(11);letul=this.$refs
低调的小犬_Hansen·2020-03-24 13: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学习之组件（一）

1、全局组件Vue.component('comName',{template:'全局组件'})2、局部组件vm=newVue({el:'#app',components:{'comName':｛template:'局部组件'｝}})
hkingby·2020-03-22 19:28

Vue使用

Vue学习起来非常简单，本教程基于Vue2.1.8版本测试。第一个HelloWordVue测试实例{{message}}​newVue({el:'#app',data:{message
流水潺湲·2020-03-22 08:06

链接

webpack新手教程javascript标准库异步请求nodejs的安装nodejs的升级淘宝npmvue学习资源汇总tmux使用bs4select使用scrapy扩展成分布式爬虫redis安全手册正则匹配测试
孤独花园·2020-03-21 05:09

Vue学习总结1.0

Vue的安装Vue.js不支持IE8及其以下版本，因为Vue.js使用了IE8不能模拟的ECMAScript5特性。Vue.js支持所有兼容ECMAScript5的浏览器。直接下载并用标签引入，Vue会被注册为一个全局变量。重要提示：在开发时请用开发版本，遇到常见错误它会给出友好的警告。在用Vue.js构建大型应用时推荐使用NPM安装，NPM能很好地和诸如Webpack或Browserify模块打
Keiko_Yen·2020-03-20 09:06

vue学习

安装nodejsnpminstallvuenpminstall-gvue-clivueinitwebpackdemonpmrundev(需要进入代码指定路径)npminstall;npmrunbuild;npmrundev成功后等几秒自动打开了localhost:8080https://code.visualstudio.com/Download安装vue-devtoolshttps://chro
SaylerZheng·2020-03-19 03:03

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学习-环境搭建

0先按照npm参考http://www.runoob.com/nodejs/nodejs-install-setup.html检测是否按照成功npm--version如果npm版本小于3，则需要升级最新版本1先绑定taobao镜像npm镜像地址:http://npm.taobao.org/执行下面命令$npminstall-gcnpm--registry=https://registry.npm.
6cc89d7ec09f·2020-03-16 21:13

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

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

Vue学习的第三天

模板语法Vue.js使用了基于HTML的模板语法，允许开发者声明式地将DOM绑定至底层Vue实例的数据。所有Vue.js的模板都是合法的HTML，所以能被遵循规范的浏览器和HTML解析器解析。在底层的实现上，Vue将模板编译成虚拟DOM渲染函数。结合响应系统，在应用状态改变时，Vue能够智能地计算出重新渲染组件的最小代价并应用到DOM操作上。插值数据绑定使用双大括号的文本插值{{msg}}v-on
Easy_Dream·2020-03-15 06:33

vue学习（1）-环境搭建

安装brew，不知道是不是mac专属。输入/usr/bin/ruby-e"$(curl-fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/install)"安装VSCode安装nodejs，nodejs官网下载，防止用到记一下。Node.jswasinstalledat/usr/local/bin/nodenpmwasins
詹大米在疗伤·2020-03-14 17:03

VUE学习之接口调试

VUE学习之接口调试一、项目创建二、使用axios发送请求三、调试小插曲一、项目创建1、全局安装vue的脚手架npminstall-gvue-cli2、通过webpack初始化一个项目,项目名称为my-projectvueinitwebpackmy-project3
Mason啊·2020-03-13 23:43

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学习的第二天

创建一个Vue实例每个Vue应用都是通过Vue函数创建一个新的Vue实例开始的,所有的Vue组件都是Vue实例,通常用vm变量表示Vue实例varvm=newVue({//选项详看API文档})数据与方法当一个Vue实例被创建时,它向Vue的响应式系统中加入了其data对象中能找到的所有的属性.当这些属性的值发生改变时,视图将会产生响应,匹配更新为新值(注意:只有当实例被创建时data中存在的属性
Easy_Dream·2020-03-10 19:24

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学习篇8之数据绑定（Watcher和Dep）

数据绑定一旦更新了data中的某个属性数据，所有界面上直接使用或间接使用了此属性的节点都会更新。数据劫持在Vue中是使用数据劫持的技术来实现数据绑定的效果。基本思想：通过definePropety()来监视data中所有属性（任意层次）数据的变化，一旦变化就去更新界面。（给data中的属性提供set方法）Dep它的实例什么时候创建？初始化的给data的属性进行数据劫持（给data的属性进行响应式）
Fairy_Yu·2020-03-09 16:45

Vue学习-表单输入绑定 v-model

v-model预期：随表单控件类型不同而不同。限制：components修饰符：.lazy-取代input监听change事件.number-输入字符串转为有效的数字.trim-输入首尾空格过滤用法：在表单控件或者组件上创建双向绑定简单使用单行输入框的输入与message双向绑定多行输入框的输入与message双向绑定123456{{checked}}JackJohnMikeCheckedname
爱星星的阿狸·2020-03-08 07:22

vue2.0学习记录

持续更新中看了一段时间的视频，即便是大火的现在，讲vue的视频还是那么不尽如人意，还是按照文档学吧，顺序知乎和里都有的，我也就再贴一次vue学习顺序,暂时觉得还不错，一点一点跟着做吧。
娜一抹惊鸿·2020-03-08 02:30

Vue学习第一天

1.2.Home就是在组件中定义的exportdefault{name:'Home',}3.创建的时候会走生命周期方法创建以后会走activated,deactivated这个方法4.实例创建以后做一些操作比较安全。mounted5.push跳转不销毁当前页面跳转到下一个页面6.replace销毁当前页面跳转到下一个页面7.go就是向前向后几步唯一的区别是router.replace不会向hist
漯河龙·2020-03-07 20:44

Vue学习中觉得要记下的内容

有些东西不常用就会忘，用于没事的时候翻一翻，内容不局限于教程props与v-bind来传递数据v-bind可以绑定属性vue模板支持的函数表达式类型{{number+1}}{{ok?'YES':'NO'}}{{message.split('').reverse().join('')}}vue事件过滤器filters{{message|filters}}newVue({//...filters:{c
coolheadedY·2020-03-07 14:34

Vue学习

基础知识计算属性computed具有缓存的作用，当你的属性计算没有任何改变的时候，你多次调用这个计算属性将只执行一次计算属性中有get、set方法，一般只使用get方法**event`就表示event对象v-model双向绑定当在input中用v-model绑定一个变量时，当input的value改变时，这个变量也将改变v-on的修饰符-stop:阻止事件冒泡用法:@click.stop='cli
五行缺钱_4468·2020-03-06 16:31

Vue学习:基本代码、事件修饰符、class/style样式、v-for 循环、v-if/v-show/

插值表达式和v-textv-cloak解决闪烁问题v-html可以识别标签v-bind属性绑定机制，可以简写为:v-on事件绑定机制，可以简写为@------------------{{msg}}==================================={{msg2}}66666666666-->-->varvm=newVue({el:"#app",data:{msg:"这是msg的内
Merbng·2020-03-06 04:45
上一页 40 41 42 43 44 45 46 47 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他