vue学习

Vue学习笔记（一）组件

在做课设的时候，动态生成表格需要写一堆js代码，于是乎决定采用一个前端框架来简化编码过程，之前已经学过Vue的一些知识了，因此直接从组件开始记录。1.简单的组件实例Vue.component('button-counter',{data:function(){return{count:0}},template:"{{count}}"})varapp=newVue({el:'.vue'})对比直接写
偷亲·2018-07-13 08:47

Vue.js2.0开发环境搭建（四）

今天就跟大家一起开启，没有命令行的vue学习之旅，本文适合小白，高手自动忽视。现在，大部分的vuej
茅坤宝骏氹·2018-07-09 19:01

Vue学习（四）组件之间传参数

由于HTML中的特性名是大小写不敏感的，所以在JS中给Prop命名时用驼峰命名法（camelCase），对应在DOM中必须用短横线分隔命名（kebab-case）与Prop的驼峰命名对应。例如：{{postTitle}}'})一、传参（prop）的数据类型(1)传字符串JS控件中定义接收参数：props:['title','likes','isPublished','commentIds','au
热水钟·2018-07-05 16:05

Vue学习记录，心得体会-2

vue-resource的全局配置在每次使用vue-resource进行请求时，我们都要进行整个路由地址的书写，我们可以通过vue-resource的配置选项，来进行根域名的配置，配置根域名的好处就是，不用我们每次都要书写很长的路由地址，而且万一根域名更换之后，我们进行根域名的更换也是很方便的。通过语法Vue.http.options.root='/root';来进行根域名的配置。只要配置全局根域
非忆·2018-06-27 23:56

Vue2.0史上最全入坑教程（上）—— 搭建Vue项目

原文链接：https://www.jianshu.com/p/1626b8643676ps:想了解更多vue相关知识请点击VUE学习目录汇总Vue作为前端三大框架之一截至到目前在github上以收获44,873
面壁思过程·2018-06-22 12:42

Vue学习笔记之Vue实例

参考资料Vue.js2.x在线测试工具https://jsfiddle.net/50wL7mdz/384238/创建一个Vue实例varvm=newVuew({//options})当创建一个Vue实例时，你可以传入一个选项对象。这篇教程主要描述的就是如何使用这些选项来创建你想要的行为。作为参考，你也可以在API文档中浏览完整的选项列表。数据与方法当一个Vue实例被创建时，它向Vue的响应式系统中
aitality·2018-06-20 15:34

vue学习 ---- 使用vue-router 进行跳转

前提说明，在学习vue的时候，尽量的以官网的为主，而且框架本身与官方文档都是在不断迭代更新的。在vue的框架中，目前都是使用vue-router来进行页面跳转的，而不是。先贴一个vue-router学习的官方文档https://router.vuejs.org/zh-cn/essentials/getting-started.html事实上，使用vue-router进行页面跳转一共有3种方式。这里
梁小清·2018-06-13 17:00

小白的vue学习之路

https://blog.csdn.net/sinat_29412671/article/details/53690658指令v-textv-htmlv-showv-ifv-elsev-else-ifv-forv-onv-bindv-modelv-prev-cloakv-once####vue介绍*2014年诞生,2013年react,09年angularjs*作者尤雨溪*核心概念:组件化双向数据
weixin_37770640·2018-06-12 20:24

Vue学习笔记一 （组件）

全局组件使用Vue.component(tagName,options)可以注册一个全局组件。组件是全局的，即在Vue的任何实例下都可以使用该组件Vue.component('TodoItem',{props:['content'],template:'{{content}}'})局部组件局部组件用选项对象components属性实现注册，只能在当前实例中使用该组件varTodoItem={pro
汤初景·2018-06-09 20:56

一个Java后端的Vue自学笔记

本人最近自学了一些Vue的皮毛，写下这篇博客不是为了哗众取宠，权当是为自己做一个Vue学习笔记。这篇博客主要记录了我学习Vue基础知识，完成一个TodoList小功能的开发过程。
Haozz_1994·2018-06-02 02:01

Vue学习日记（一）

最开始接触Vue可以先不使用脚手架工具。首先从官网下载开发版本的vue.js。保存命名为vue.js创建一个HTML文档，这里命名为vue1.html。在头文件的下边引入js文件。知识点一挂载点模板实例声明一个vue实例，使用newVue({})来实现。el表示的是这个实例指的是哪一个元素。其所对应的div就是这个vue实例的挂载点。{{}}代表的是插值表达式，其值是在实例中的data中赋值的。知
SUN_FLOWER__·2018-05-31 15:22

mpvue学习笔记-之微信小程序数据请求封装

20180531152773555924152.png简介美团出品的mpvue已经开源出来很久了，一直说要进行一次实践，这不最近一次个人小程序开发就用上了它。看了微信官方的数据请求模块--request，对比了下get和post请求的代码，发现如果在每一个地方都用request的话，那会有很多代码是冗余的，于是就准备自己封装一个，下面就记录一下封装过程。注释也写在下面的代码里了。实现的结果代码要简
kung_·2018-05-31 11:00

vue学习笔记（一）

1.vue是一种渐进式JavaScript框架。2.引用vue第一种方法：第二种方法：指令样式绑定1.v-bind：class设置一个对象，动态切换class如果需切换多个class，代码如下数组语法Vue测试实例-菜鸟教程(runoob.com).active{width:100px;height:100px;background:green;}.text-danger{background:r
??or??·2018-05-29 18:43

vue 学习笔记-数据双向绑定

vue学习笔记-数据双向绑定这是我学习vue的笔记，有错误欢迎指出。1MVVM双向数据绑定指的是，将对象属性变化与视图的变化相互绑定。
agyyl0·2018-05-13 15:01

vue学习之开发插件系列二

学习vue开发插件之【添加全局资源：指令/过滤器/过渡等】如vue-touch，从看官方案例vue-touch的源码开始，代码目录结构如下：一般从index.js为入口开始看文件，根据Vue.js的文件，插件应当有一个公开方法install。这个方法的第一个参数是Vue构造器，第二个参数是一个可选的选项对象,如下：：vueTouch.install=functioninstall(Vue,opts
我爱果果2015·2018-05-08 10:36

Vue学习笔记 利用Vue 实现树形视图

这是学习代码以来的第一篇文章利用简单的树形视图实现，熟悉了组件的递归使用这是模拟的树形图数据letall={name:'all',children:{A:{name:'A',children:{a1:{name:'a1',children:{a11:{name:'a11',children:null},a12:{name:'a12',children:null}}},a2:{name:'a2',c
倪晓磊·2018-05-07 11:03

vue学习十三 vue界面的title动态改变

vue项目中的各个界面有不同的title名称，如何能做到动态改变呢这里需要用到vue的内置插件wechat-title1.首先在项目中npm引入vue-wechat-title--save2.然后在全部导入，在main.js中进行初始化importVueWechatTitlefrom'vue-wechat-title';Vue.use(VueWechatTitle);3.此时在app.vue中设置
骑上我心爱的小摩托·2018-05-06 12:35

Vue2.0—— 搭建Vue脚手架（vue-cli）

ps:想了解更多vue相关知识请点击VUE学习目录汇总Vue作为前端三大框架之一截至到目前在github上以收获44,873颗星，足以说明其以悄然成为主流。
humor丶t·2018-04-30 09:08

vue学习总结（一）vue实例

Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动Vue.js的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进DOM的系统，Vue.js的核心是一个允许采用简洁的模板语法
Cherries_h·2018-04-28 11:39

vue学习总结一

1、sublimetext需安装包VueSyntaxHightlightvscode安装vetur插件2、v-bind缩写v-bind指令用于响应式地更新HTML属性......v-on缩写v-on指令用于监听DOM事件......3、引用第三方库npm安装swiper，还需要引入相应的css4、vue-router//0.如果使用模块化机制编程，导入Vue和VueRouter，要调用Vue.us
Love_vermouth·2018-04-25 17:26

vue学习笔记四：在vue项目里面使用mock数据

首先需要在自己的项目下面npminstallmockjs--save-dev由于我的项目使用的是axios在本地模拟，所以需要npminstallaxios--save-dev上面两部分都完成，那就开始搭建了下面是我的项目结构为了进行本地的数据模拟，我在src下面建立了一个文件夹，命名为api,从图上可以看到有三个文件分别为config.jsgetdata.jsmock.jsconfig.js对应
半夏ing·2018-04-24 17:14

vue学习实例一

不学则退，好好学习，天天向上。学习一门新框架，必须写实例才能加深理解。SO,模仿支付应用管理界面写了个小页面，如下所示:顶部【我的应用】拖动排序使用了第三方插件vuedraggable,底部的菜单标题及底部滚动的内容使用了better-scroll，所有的应用图标都是使用的阿里的字体图标，点击【我和应用】和底部的应用图标的右上角【+】【-】可进行应用的添加删除。【我的应用】保存在localstor
我爱果果2015·2018-04-21 10:47

Vue学习（2）-基本语法

通过上一次的学习，已经搭建了Vue的框架，这次来学习一下基本Vue的语法。以下操作在App.vue中进行。{{}}{{message}}exportdefault{name:'app',data(){return{message:'hello'}}}在HTML部分（template包裹）中使用‘{{message}}’，JS（script包裹）中申明数据data中的元素‘message’，我们实现
小焲·2018-04-20 18:08

Vue学习（1）-环境搭建

环境准备node.js+npm是必备的开发环境。为了方便命令行的输入，可以选择下载Git客户端。安装好node.js后，在终端下输入node-v，出现版本号说明安装成功；输入npm-v，出现版本号，说明npm也同时安装成功。Vue-cli构建项目vue-cli是vue的脚手架，可安装vue全家桶。1.首先安装vue-cli，指令如下：$npminstall-gvue-cli2.选择文件存放位置。例
小焲·2018-04-18 10:54

Vue学习—实例(三)实例事件

vm.$on：监听当前实例上的自定义事件。事件可以由vm.$emit触发。回调函数会接收所有传入事件触发函数的额外参数。//构造器外部事件：vm.$on('test',function(msg){console.log(msg);});vm.$emit("test","Hi");vm.$once：监听一个自定义事件，但是只触发一次，在第一次触发之后移除监听器。vm.$off：移除自定义事件监听器。
我家小薇薇·2018-04-17 17:03

Vue学习1

Vue笔记1Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。Vue.js的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进DOM的系统。①数据和DOM已经被建立了关联，所有东西都是响应式的。②指令v-bind：特性被称为指令。指令带有前缀v-，以表示它们是Vue提供的特殊特性。可能你已经猜到了，它们会在渲染的DOM上应用特殊的响应式行为。v-if：ifv-for
呆瓜怎熟·2018-04-13 10:07

webpack从零开始构建项目之启动配置（一）

webpack学习：构建工具详解慕课京东金融VUE学习笔记建议结合官方文档查看此系列亮点：本系列学习笔记教程不跳过BUG调试，干货满满手动搭建一个项目项目准备创建配置文件启动的代码配置webpack学习
非黑非白-·2018-04-11 00:30

vue学习笔记一：vue项目中设置背景图片

这几天在用vue开发一个项目，真的是到处都是坑啊，就连设置图片背景，也和前面用的不一样了，编译打包后，配置到服务器上时，由于路径解析的问题，图片并不能够正确的显示出来，background:url("../static/img/icon.png")no-repeat;background-size:cover;width:10rem;height:5rem;用了这个就报了一堆错,后来在网上找到了正
半夏ing·2018-04-09 21:36

vue学习笔记（一）

1.vue-cli脚手架构建vue项目前提安装node、npm，nodejs中文网，安装了node之后npm也就以前安装了，分别可以使用node-v 和npm-v 来查看安装的版本。然后全局安装vue-cli，安装一次就可以了。npminstall-gvue-cli可以使用vue-V来查看是否安装成功，及版本信息。接下来使用vue-cli构建一个vue项目，进入项目所要构建的文件目录vueinit
十三画13·2018-03-30 00:36

vue学习（二）—vue.js2.0全局API学习

Vue.directive自定义指令Vue.directive自定义指令Vue.directive自定义指令{{num}}ADD解绑//Vue.directive('huang',function(el,binding){//console.log(el);//console.log(binding);//el.style='color:'+binding.value;//})/***解绑*/fu
晓果博客·2018-03-28 17:34

vue学习十 vue项目登录签名验证

1.登陆认证（demo版暂只支持手机号登陆）-同时获取用户基本信息step1：app端通过appId向微信拉取authorization_codestep2：请求接口urlcreated(){//获取sessionStorge数据调用imToken，一般在调用到该界面后肯定是有数据的，及时获取到token数据if(imToken()===null){this.userLogin();}},在此处进
骑上我心爱的小摩托·2018-03-23 13:23

vue学习笔记之：为何data是一个方法

vue学习笔记之：为何data是一个方法在vue开发中，我们可以发现，data中的属性值是在function中return出来的。可为何data必须是一个函数呢？
_林冲·2018-03-15 11:00

vue学习九 vue项目setTimeOut和setInterval函数无效报错

1.在vue项目中的js代码语法与之前使用js和jquery还是有所出入的，现遇到一个点击按钮出现倒计时30S的效果相信大家对着两个函数都陌生，就是一个定时器，setTimeOut只执行一次，而setInterval会重复执行需要注意的是：在setInterval不用的时候一定要用clearSetInterval关闭定时器。2.按照最原始的倒计时效果，实现如下：//获取30s控制操作倒计时time
骑上我心爱的小摩托·2018-03-14 15:14

vue学习八 vue项目js导入加载顺序

1.进入vue项目学习后，时常会出现js导入后的加载顺序不当的报错在引入的js中:varblock=document.getElementById("block");//绑定touchstart事件block.addEventListener("touchstart",function(e){});2.由于界面是由上自下的形式进行解析加载的，此时若不是在界面全部加载完毕后进行加载该js，即会报错，
骑上我心爱的小摩托·2018-03-14 14:26

vue学习六 元素点击触发事件(无v-for父子关系)

1.在学习vue项目中，需使用如下需求：点击按钮后，遮罩层显示出来。本来若有v-for父子关系的，可以使用index进行循环遍历实现，而无关联的元素，则需要绑定类class来实现。2.对点击元素绑定方法3.对遮罩层设置class绑定元素4.对styles进行点击方法的设置styles:null,methods:{displayInfo(){this.styles='display';}}
骑上我心爱的小摩托·2018-03-09 13:04

vue学习四 vue项目中正确添加swiper组件

1.vue项目中添加swiper组件，也是很常见的，通常在jQuery中的方法，其实并不适用于vue项目。vue由于自身的框架性问题不依赖于jQuery，所以vue最好是用自己本身的swiper内置标签2.进入项目目录，安装swipernpminstallvue-awesome-swiper--save3.在main.js中定义该swiper组件importVuefrom'vue'//挂载swip
骑上我心爱的小摩托·2018-03-07 10:37

Vue学习整理

Vue学习整理安装webpack命令环境cnpminstallwebpack-gpackage.json工程文件(需要依赖模块、库描述、版本、作者…)npminit安装本地webpackcnpminstallwebpack–Dwebpack
阁下长得好生俊俏·2018-03-07 10:24

vue学习三 vue项目中正确添加jquery

1.用了vue项目之后确实在处理html界面中的数据特别方便也适用，但是随之功能点的需求更新，发现vue项目也有实现不了的功能2.在界面中需要用到jquery的fullpage插件，此时还是需要在vue项目中导入jquery3.此时的导入jquery不像原来的script引入了，而是需要命令行安装以及配置数据此时若为cnpm则修改为cnpmnpminstalljQuery4.安装好jquery后，
骑上我心爱的小摩托·2018-03-01 12:13

2018-02-26 vue学习

1.一个重要的事情值得注意，关注点分离不等于文件类型分离。在现代UI开发中，我们已经发现相比于把代码库分离成三个大的层次并将其相互交织起来，把它们划分为松散耦合的组件再将其组合起来更合理一些。在一个组件里，其模板、逻辑和样式是内部耦合的，并且把他们搭配在一起实际上使得组件更加内聚且更可维护。2.npm学习Whatisnpm?anserw：npmconsistsofthreedistinctcomp
等花开_8e16·2018-02-28 10:31

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

在Vue中，父子组件之间的关系可以概述为：props向下，events向上。父组件通过props向下传递数据给子组件，子组件通过events发送消息给父组件。demo的目录结构如下：demo显示效果如下;一、父组件向子组件传递数据（父组件通过props向子组件传递数据）父组件的代码如下图：父组件中定义一个object，通过v-bind自定义属性parentData绑定到控件上，通过parentDa
Alisa_lifang·2018-02-26 15:09

vue学习-基础，事件和数据交互

vue数据双向绑定(v-model)原理？Object.defineProperty(obj,prop,{configurable:true,//是否可配置enumerable:true,//是否可出现在对象的枚举中value："",//属性prop是值writable:true,//属性值是否可改变get:()=>{},set:()=>{}})Object.defineProperty返回对象v
HowlEagle101Div·2018-02-26 13:42

vue学习二 vue项目中的props数据存储

差点又被vue项目中的组件传值搞死，还好用了watch监听props的方法解决掉了1.需求诉求是：子组件1向子组件2传递数据，中间经过父组件起到公用组件的作用，子组件2作为接收数据时props:['msg']2.此时对于该数据的显示很简单即可表示为{{msg}}这个表示方法没问题的，但是对于想处理msg数据的情况下，是比较棘手的刚开始使用了这几种方法return(){data{this.msg=n
骑上我心爱的小摩托·2018-02-12 11:08

vue学习一 组件之间的数据传递

1.还在vue项目中慢慢爬坑，在vue项目中传递数据，其中有父组件向子组件，子组件向父组件，以及子组件之间的传递。2.其中子组件向父组件传递数据，即在子组件vue文件中定义触发方法，将值通过$emit的方式写functiona.子组件navbar.vue点击tabbar_item时，触发clickFun方法，此处是要传递index方法内容：使用使用了$emit来遍历transferNav事件，并返
骑上我心爱的小摩托·2018-02-11 11:04

vue学习起步，vue环境安装

vue安装的前提是安装了nodejs安装淘宝镜像npminstall-gcnpm--registry=https://registry.npm.taobao.org安装webpackcnpminstallwebpack-g安装vue脚手架npminstallvue-cli-gcnpm和npm安装vue-cli有报错在硬盘上找一个文件夹放工程用的，在终端中进入该目录Maccd目录路径根据模板创建项目
蓓蕾心晴·2018-02-09 11:00

Vue学习日记（四）——Vue状态管理vuex

前言先说句前话，如果不是接触大型项目，不需要有多个子页面，不使用vuex也是完全可以的。说实在话，我在阅读vuex文档的时候，也很难以去理解vuex，甚至觉得没有使用它我也可以。但是直到我在项目碰到下面这些问题：当路由切换的时候，原本路由的数据太多，传递过去太麻烦。有些数据是多个路由需要用到的，那我就需要从后台获取多次数据当然，这些问题都可以解决，就是在实例化vue对象的时候，就将这些数据绑定在w
广工小成·2018-02-02 00:00

Vue学习日记（三）——Vue路由管理vue-router

前言为了给读者更好的体验，去理解vue-router和下一篇介绍vuex，决定还是来一个实战教程来带大家更加的去深入理解vue-router，在这之前，读者先自行了解和去官网下载npm和node，附：npm官网项目构建这里我采用vue-cli+webpack构建初始项目，在vue官网里面也有相关介绍，在这里我就手把手教大家一下吧，先通过控制台进入相关的文件目录下，然后输入#后面是注释#$表示当前文
广工小成·2018-02-01 00:00

Vue学习日记（二）——Vue核心思想

前言Vue.js是一个提供MVVM数据双向绑定的库，其核心思想无非就是：数据驱动组件系统数据驱动Vue.js的核心是一个响应的数据绑定系统，它让数据与DOM保持同步非常简单。在使用jQuery手工操作DOM时，我们的代码常常是命令式的、重复的与易错的。Vue.js拥抱数据驱动的视图概念。通俗地讲，它意味着我们在普通HTML模板中使用特殊的语法将DOM“绑定”到底层数据。一旦创建了绑定，DOM将与数
广工小成·2018-02-01 00:00

Vue学习之Vue插件编写

虽然，相比于React、angular、Knockout等框架，Vue.js起步较晚，但是，它集成了大量其他框架的优点，目前已经成为目前广泛应用的一个前端框架。在他的社区，也活跃着大量的第三方插件。不过，偶尔我们也会用到原生的javascript库或者插件。如何在Vue.js框架中引入这些非Vue库或插件呢？笔者认为主要有以下两种方式：第一种，利用Vue提供的生命周期钩子函数，在不同时期引入原生j
Kiloveyousmile·2018-01-31 23:20

Vue学习日记（一）——Vue介绍

前言本人学习了一段时间的vue，并尝试写了一些小Demo之后，将vue投入了几个项目之后，一直在边学习边使用，经过看了vue,vuex,vue-router的官方文档和慕课网上的一些实战视频之后，深有体会，故此写下这些文章。前端框架比较其实的话，前端有很多的框架，很多初学前端的人可能没有接触到框架，以为框架是很高大上的东西，就我个人而言，我是听从师姐的学习路线开始学习前端的，一开始的时候接触的就是
广工小成·2018-01-31 00:00

Vue学习之初识Vue框架

Vue简介Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。以上内容来自：Vue官方教程渐进式框架Vue.js的定位是一个渐进式框架，作者的
Kiloveyousmile·2018-01-30 10:07
上一页 49 50 51 52 53 54 55 56 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他