#vue学习

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

vue学习笔记（v-text v-html v-on v-model）-panda

1.v-bindv-bindvarapp=newVue({el:'#app',data:{imgSrc:"https://cn.vuejs.org/images/logo.png"}})
Vivianluolita·2018-01-29 13:39

Vue学习的第十一天

#编写可复用组件在编写组件时,最好考虑以后是否要进行复用,可复用组件应当定义一个清晰的公开接口,同时也不要对其使用的外层数据作出任何假设.Vue组件的API来自三个部分--prop,事件和插槽:1.Prop允许外部环境传递数据给组件;2.事件允许从组件内触发外部环境的副作用;3.插槽允许外部环境将额外的内容组合在组件中.#子组件引用尽管有prop和事件,但是有时仍然需要在JavaScript中直接
Easy_Dream·2018-01-29 10:42

vue学习笔记---vue实例

每一个Vue应用都是通过Vue函数创建一个Vue实例开始的：varvm=newVue({});虽然没有完全遵循MVVM模型,但是vue的设计也受到了它的启发。因此在文档中会经常使用vm(ViewModel的缩写)变量名表示vue的实例；当创建一个vue实例时,你可以传入vue一个选项对象，那么我们如何用这些选项对象来创建你想要的行为呢！一个vue应用由一个通过newview创建的根vue实例，以及
GXing007·2018-01-24 14:31

Vue学习的第九天

表单输入绑定可以用v-model指令在表单及元素上创建双向数据绑定,v-model本质上不过是语法糖.它负责监听用户的输入时间以及更新数据.v-model会忽略所有表单元素的value、checked、selected特性的初始值而总是将Vue实例的数据作为数据来源。你应该通过JavaScript在组件的data选项中声明初始值。Messageis:{{message}}#复选框JackJoneC
Easy_Dream·2018-01-17 22:47

Vue学习的第八天

事件处理监听事件可以用v-on指令监听DOM事件Addvarvm=newVue({el:"#example-1",data:{counter:0}})事件处理方法v-on可以接收一个需要调用的方法名称greetvarvm=newVue({el:"#example-2",data:{name:"Vue.js"},methods:{greet:function(event){alert("Hello"
Easy_Dream·2018-01-16 23:28

Vue学习的第七天

用v-for把一个数组对应为一组元素v-for指令需要使用iteminitems形式的特殊语法，items是源数据数组并且item是数组元素迭代的别名。{{item.message}}varvm=newVue({el:"#example-1",data:{items:[{message:'Foo'},{message:'Bar'}]}})在v-for块中,我们拥有对父作用域的完全访问权限.v-fo
Easy_Dream·2018-01-15 17:15

Vue学习的第五天

Class与Style绑定操作元素的class列表和内联样式是数据绑定的一个常见需求。因为他们都是属性，所以我们可以用v-bind处理它们：只需要通过表达式计算出字符串结果即可。v-bind用于class和style时，表达式结果类型除了字符串外还可以是对象或数组。对象语法可以给v-bind:class一个对象，以动态地切换class//active这个class存在与否将取决于数据属性isAct
Easy_Dream·2018-01-13 22:57

vue学习笔记

vue学习笔记安装Vue提供一个官方命令行工具，可用于快速搭建大型单页应用。
EL_PSY_CONGROO·2018-01-13 17:07

Vue学习的第四天

计算属性和观察者计算属性基础例子你可以像绑定普通属性一样在模板中绑定计算属性。Vue知道vm.reversedMessage依赖于vm.message，因此当vm.message发生改变时，所有依赖vm.reversedMessage的绑定也会更新。而且最妙的是我们已经以声明的方式创建了这种依赖关系：计算属性的getter函数是没有副作用(sideeffect)的，这使它更易于测试和理解。{{me
Easy_Dream·2018-01-12 17:30

Vue.js入门学习（一）

初学，也不知道怎么写，索性就按照官网的API走一遍吧，给自己的Vue学习之路开个头，毕竟后端写久了，总是惦记着前端，前端一搜一大堆，挑选一个来学吧，才发现，我去，这个还是当下最流行的框架，好吧，那就它了
appleyk·2018-01-08 13:52

vue学习之路（1）——搭建vue脚手架（vue-cli）

准备的环境和工具1.首先安装node.js，官网：https://nodejs.org/en/2.win+r输入cmd打开命令行输入node-v出现相应的版本号，则说明安装成功。此时已经自带npm（包管理工具）3.安装淘宝镜像（cnpm），打开命令行工具，输入：npminstall-gcnpm--registry=https://registry.npm.taobao.org4.安装webpack
闻大师·2018-01-02 11:47

vue学习笔记：vue-router参数

在vue-router里，参数分两种，1、动态路径参数；2、查询参数动态路径参数，这需要按路由文档里配置，例如：/user/:username获取动态路径参数时，用this.$router.params来获取动态参数值。查询参数路径里的查询参数，不需要在路由里设置，可以直接放在路由里。例如http://localhost:8000/index.htm#/hello?test=1232获取查询参数，
peade·2017-12-31 17:06

Vue学习笔记之vue-cli项目搭建及解析

Vue（一）安装node.js首先需要安装node环境，可以直接到中文官网http://nodejs.cn/下载安装包。只是这样安装的node是固定版本的，如果需要多版本的node，可以使用nvm安装http://blog.csdn.net/s8460049/article/details/52396399安装完成后，可以命令行工具中输入node-v和npm-v，如果能显示出版本号，就说明安装成功
逆袭的小菜鸟·2017-12-28 15:22

vue学习教程之带你一步步详细解析vue-cli

vue-cli在开发前，我们要至少通读一遍vue官方文档和API(看官方文档是最重要的，胜过看五十、一百篇博客),英文阅读能力还行的建议阅读英文文档，中文文档内容会稍落后，还要通读相关的vue-router、axios、vuex等。一般来说我们都是先利用vue-cli来搭建项目基本架构。正文首先，我们来说一下安装的东西吧！处于有头有尾的目的，还是几句话草草了事。步骤如下：安装vue-clinpmi
zimo·2017-12-26 10:38

vue学习笔记（一）this.$http.get()

Vue与后端数据交互：需要引入库：vue-resource使用this.$http.get('请求地址')来发送请求我在做购物车功能页面时，使用this.$http.get('data/cartData.json')获取json中的数据，后面可加参数。then()方法异步执行，就是当then()前面的方法执行完之后在执行then()里面的方法，这样就不会发生获取不到数据的问题。右键运行html文件
qq_21069473·2017-12-07 13:12

vue的第一步：怀疑人生的出错

vue学习：从入门到放弃在网上搜索了一下，vue原来有非常严格的格式规范，从空格和缩进开始，逼迫你放弃学习不行，环境都配置好了，我不甘心！！！！！我
灯不梨喵·2017-12-06 22:14

2、Vue学习（一）安装与新建基本流程

1、原料：nodejs+npm；vue-cli；2、下载安装：1）nodejs+npm下载安装：2）vue-cli下载安装：npminstallvue-cli-g//全局安装3、新建项目：1）生成项目vueinitwebpackdemo1//demo1是项目名2）安装依赖（进入demo1）：npminstall3）启动项目：npmrundev4）打包项目：先修改数据：/config/index.j
张干脆·2017-12-06 16:37

VUE学习笔记

计算属性计算属性只有在它的相关依赖发生改变时才会重新求值，计算属性是基于它们的依赖进行缓存的//对比计算属性和watchcomputed:{a:function(){//计算属性的getter和setterget:function(){returnb+c;//当b或者c改变的时候，就会重新计算a的值},set:function(){returnb+c;//当a的值被改变的时候，会执行里面的函数}}
Liberty寒风·2017-12-06 05:50

Vue学习曲线

vue如今已是前端最火热的框架技术之一了，如何从0到掌握vue技术，在此介绍一下学习曲线和途径。前端入门以下是前端基础语言推荐的学习链接(过完一片后可以作为参考手册使用)htmlcssjs另外推荐学习视频HTML+CSS基础课程JavaScript入门篇JavaScript进阶篇前端进阶学习链接html5css3sass-推荐使用sass作为css框架，兼容css，入门也较为简单flex布局技巧-
SunnySky_·2017-11-27 16:23

vue学习笔记

1.vue-router配合ElementUI实现导航加:default-active="$route.path"如此设置之后就可以实现导航和页面同时变化了。图片发自App2.关于vue如何实现时间戳的转换2.1.先引用importVuefrom'vue'2.2.自定义一个实现函数functiongoodTime(value){vardate=newDate(value);varY=date.ge
柠夏z·2017-11-15 09:52

Vue.js用法详解

Vue学习起来非常简单，本教程基于Vue2.1.8版本测试。前言前段时间为了一个数据查询的项目自学了Vue，感觉这款框架还是很不错的，今天就整理整理这个框架如何使用，希望对正在学这个框
一个柠檬·2017-11-13 14:16

Vue学习总结（一）

前段时间用vue做了个项目，对Vue属性和方法有了更进一步的理解。今天来谈谈watch属性。简单例子，根据路由，显示不同的网页标题。watch:{$router:function(){//如果路由发生改变，这个函数就会运行this.title=newtitle;}}一旦路由发生改变就会执行右边的函数。在watch方法中也可以监控多个数据如：watch:{a:function(val){this.a
婼嘸娸倳·2017-11-12 16:33

vue学习过程遇到的一些问题集合

最近在学习vue开发过程中遇到的一些问题集合，当然以下问题都是利用官方提供vue-cli脚手架构建项目的前提下进行。1、input文本框不可以使用动态的type以上这么使用是会被报错的：v-modeldoesnotsupportdynamicinputtypes.Usev-ifbranchesinstead.这就是说使用v-model的type是不能用动态的type标签，只能使用v-if代替，因此
草灯·2017-11-11 13:26

VUE学习路线

官网：https://cn.vuejs.org/v2/guide/学习指南：https://zhuanlan.zhihu.com/p/231345511.VUE的脚手架所谓脚手架，其实有一套开发环境，这套集成环境会完成压缩、es6转义成es5、反向代理等等(当然需要安装package.json相应插件)，开发者只需要关心自己的开发代码，即HTML、css、js网址：https://loulanyi
lw604217818·2017-11-06 11:19

vue学习第14天，混合mixin

1，使用混合的时候会把混合里面的和实例里面的一般类型的同名的属性合并为一个数组然挨个调用先调用的是混合里面的属性2，如果是对象类型的属性的话如果重名的话就保留实例里面的3，可以自定义混合的合并策略默认是一般类型的重名属性合并成数组调用对象类型重名保留组件对象弃用混合的对象vuex有更高级的策略
Sukla·2017-11-01 15:44

Vue学习资源

vue学习教程http://www.jb51.net/Special/874.htm打包密码：ljhcc138vue基础学习http://www.jb51.net/Special/874.htmwebpack
Myxy·2017-11-01 10:44

vue学习第12天，

1，队列的交错过渡通过data属性和javascript通信可以实现2，可复用过渡，通过组件系统实现，将transition-group作为组件的根元素即可配合函数组件更适合3，动态过渡通过绑定name动态地获取过渡的数据根据钩子获取上下文根据组件状态通过javascript设置不同的过渡效果组件通过传入的props参数来修改过渡参数
Sukla·2017-10-30 19:24

vue学习笔记（三）

一、组件（一）什么是组件组件（Component）是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码组件是自定义元素（对象）。（二）创建组件的两种方式官方推荐组件标签名是使用-连接的组合词，例如：。1、使用构造器创建组件使用这种方式创建组件首先需要使用Vue.extend()创建一个组件构造器，然后使用Vue.component(标签名,组件构造器)，根据组件构造器来创建组
间阳幕宾·2017-10-25 09:06

Vue学习笔记-Vue基础入门

此篇文章是本人在学习Vue是做的部分笔记的一个整理，内容不是很全面，希望能对阅读文章的同学有点帮助。什么是Vue？Vue.js(读音/vjuː/，类似于view)是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和Vue生态系统支持的库结合使用时，Vue也完
weixin_30919571·2017-10-18 20:00

vue开发微信商城项目总结之六--关于vuex的思考

先对项目进行一下简单的介绍vue开发微信商城项目总结之一–项目介绍项目开发初期，由于项目比较着急上线，前端的框架在选型上比较仓促，只是因为vue学习成本较低，就选了它，没有什么别的原因，之前看过angular2
陌上寒·2017-10-18 00:00

vue学习第1天，基础知识

1，vue是基于DOM的，每一个vue实例都可以解析成一个dom对象；2，vue是api简洁的；3，{{}}可以用来插值3，{{{}}}可以用来插html代码4，v-bind:key="value"用来指定key这个属性的值在对应的data中的值5，v-on:event="dosomething"用来指定event这个事件在methods中对应的dosomething所指向的方法
Sukla·2017-10-16 08:38

vue学习之mintui picker选择器实现省市二级联动示例

本文介绍了vue学习之mintuipicker选择器实现省市二级联动示例，分享给大家，具体如下：MintUI使用文档：https://mint-ui.github.io/docs/#/zh-cn2Popup
日出东方VS唯我不败·2017-10-12 09:07

Vue学习笔记一 创建vue项目

1：安装Node.jsNode.js是一个基于ChromeV8引擎的JavaScript运行环境。可以搜索Node.js的官网下载，安装完成后，打开命令提示符cmd.exe,输入node-v,可以看到安装的Node.js的版本。在命令提示符终端输入：node-v查看Node.js的版本npm是Node.js的包管理工具（packagemanager），是全球最大的开源库生态系统。npm在Node.
cc_fys·2017-09-20 10:40

vue学习笔记之v-if和v-show的区别

v-ifvsv-showv-if是“真正的”条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。v-if也是惰性的：如果在初始渲染时条件为假，则什么也不做――直到条件第一次变为真时，才会开始渲染条件块。相比之下，v-show就简单得多――不管初始条件是什么，元素总是会被渲染，并且只是简单地基于CSS进行切换。一般来说，v-if有更高的切换开销，而v-show有更高的初
点点乐淘淘·2017-09-20 09:39

Vue学习之computed 与 method

前台某个数据是经过计算得出后再渲染在页面上，可以通过vue的computed或定义method实现例如：{{fullName}}newVue({el:"p",data:{firstName:"foo",lastName:"bar",fullName:''}fullName=firstName+lastName,并且后台数据firstName，lastName发生变化时，前台要实时渲染compute
biubiubiuzzz·2017-09-17 09:19
上一页 50 51 52 53 54 55 56 57 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他