vue学习

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

vue学习笔记之组件

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

Vue学习系列一 —— MVVM响应式系统的基本实现原理

MVVM是什么MVVM是Model-View-ViewModel的简写。它模式是MVC—>MVP—>MVVM的进化版。Model负责用JavaScript对象表示，View负责UI界面显示，两者做到了最大限度的分离。而把Model和View关联起来的就是ViewModel。ViewModel负责把Model的数据同步到View显示出来，还负责把View的界面修改同步回Model更新数据。主流MVV
浩3108·2020-03-05 04:04

Vue学习（4）-父子组件数据传递

在之前已经学习过如何创建组件和引入组件。这次来学习一下怎么在父子组件之间传递数据，这在实际开发过程中会经常涉及到。值得注意的是，这里只讨论父子组件之间的数据传递，而两个子组件之间的数据传递可通过父组件做中转，间接进行。prop通过在子组件中设置prop，可接收来自父组件的数据。子组件代码如下：{{postTitle}}exportdefault{props:['postTitle']//props
小焲·2020-03-04 04:00

第一章：vue HelloWorld

相对于angular和react，vue学习路线相对简单，中文文档资料相对详细，容易上手，大胆实战开发！不支持ie低版本，谁他妈要兼容ie8，请把眼睛移到右上角，看见那个叉叉没，点击它。
Z_D_殿峰·2020-03-03 08:28

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学习

【链接】深入响应式原理http://cn.vuejs.org/guide/reactivity.html【链接】利用JavaScript数据绑定实现一个简单的MVVM库https://segmentfault.com/a/1190000004847657准备知识前端开发基础html、css、js前端模块化基础对ES6有初步的了解什么是VUE.jsVUE.js是一种轻量级的MVVM框架，同时吸收了R
ddai_Q·2020-02-29 04:03

Vue学习—— Vuex学习笔记

组件是Vue最强大的功能之一，而组件实例的作用域是相互独立的，意味着不同组件之间的数据是无法相互使用。组件间如何传递数据就显得至关重要，这篇文章主要是介绍Vuex。尽量以通俗易懂的实例讲述这其中的差别，希望对小伙伴有些许帮助。一、Vuex是什么？Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。二、
沉静地闪光·2020-02-27 14:25

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

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

【Vue.js】实例中的数据，事件和方法（三）

函数中数据改变，页面会同步刷新，handleClick:function () {this.content= "world"}}this相当于python中的selfcontent值改变后，页面内容会自动刷新>Vue
kingloongMagic·2020-02-26 15:25

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学习总结

0.前言前端开发模式的发展：静态页面最初的网页以HTML为主，是纯静态的网页。网页是只读的，信息流只能从服务端到客户端单向流通。开发人员也只关心页面的样式和内容即可。异步刷新，操作DOM1995年，网景工程师BrendanEich花了10天时间设计了JavaScript语言.随着JavaScript的诞生，我们可以操作页面的DOM元素及样式，页面有了一些动态的效果，但是依然是以静态为主。ajax盛
Fenco_Han·2020-02-24 22:51

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

Vue2.0—仿知乎日报总结

demo(PC模式下推荐使用chrome移动端模式浏览去观看)如果觉得做得还不错,或者项目源码对您有帮助,希望您小抬右手到右上角点一个star,您的支持是作者长期更新维护的动力^_^项目起源从二月份开始学习vue
哈哈哈蜜瓜·2020-02-23 00:47

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的生命周期。希望大家多多指教，哪里有遗漏的地方，也请大家指点出来谢谢。一、怎么理解Vue的生命周期的？生命周期：从无到有，到到无的一个过程。Vue的生命周期对组件来说的或实例来说。简单理解：比如我们都知道js中的定时器，定时器都有开始的那一秒，已经执行过程中，最后执行完毕，我们的Vue的生命周期就好像定时器一样，有许多过程，他们就像钩子一样，相互牵连着。1.在Vue
晋飞翔·2020-02-21 23:44

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

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

vue学习资料三（v-if、v-else、v-show、v-for）

VUE模板指令还记得underscore.js中if如何书写的吗？vardata={isShow:true,title:'hello',otherTitle:'world'}vardemo=_.template(document.getElementById('tpl').innerHTML)(data)console.log(demo)条件判断v-if直接在元素上添加v-if如果该数据KEY是t
凯哥开小灶·2020-02-21 15:55

脚手架安装

Vue2.0史上最全入坑教程（上）——搭建Vue脚手架（vue-cli）2017.03.0110:34*字数1425阅读111618评论103喜欢174赞赏2ps:想了解更多vue相关知识请点击VUE学习目录汇总
暖人_·2020-02-21 04:32

FCC 武汉 Vue学习计划展开「第一期」【即将开始】

FCC学习计划，主要是为了帮助大家同时也包括我自己，走出懂和不懂的交界线。在设计一条大体层次分明的主线下，大家一起分享学习，不再是你讲我听的低效率模式，而是大家一起学习一起分享一起参与。在一个主线下，重新捋清楚大家的技术盲区。本期内容选择武汉前端行业比较流行的Vue框架，在基础的层次上，稍微提高和进行发散，不论你是老手或是新手，相信参加过后都会有很大的收获。**主线简介—Vue语法—Vue属性方法
Rico_wang·2020-02-21 01:54

vue学习系列-vue结合Semantic-UI

新鲜的Semantic-UI优秀的前端界面框架，语义化的标签更容易理解与记忆，不过相比于bootstap，组件还是少了一些。但可以在个人项目用来尝尝鲜，因为它足够漂亮和简约。与vue的结合安装&编译安装方法如下：npminstallsemantic-ui--save安装过程中会有一些选项提示，按照默认选择回车即可，这里不会将它安装到node_modules中，事实有些配置还是需要我们修改的，比如它
风穆雷·2020-02-20 05:28

Vue学习（一）

基于学习weex的需求，要将Vue.js的基础进行学习，并完成一个简单的图书馆上下架系统。初探数据绑定组件化数据绑定数据绑定组件化样例：在父组件中注册使用Vue.component()1、使用Vue.component()进行模块定义Vue.component('component1',{props:['message'],template:'{{message}}'});该子模块中定义了一个属性
美乃滋酱啊·2020-02-20 03:00
上一页 40 41 42 43 44 45 46 47 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他