vue学习

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

vue学习总结

引言随着学习vue2.0的脚步加快，突然之间感觉自己的知识点有一些遗漏，为了巩固所学知识，同时也为了查漏补缺，以根据自己学习和做项目的情况整理了我个人的vue技术栈，知识点梳理如下：开发环境搭建老话说的好‘工欲善其事，必先利其器’，在我们程序员的世界里要想开发出一款优秀的项目，一个好的开发环境是必需的。vue的开发环境是node.js和git的结合，尤其是node.js现在更是成为了我们前端开发者
缘自世界·2017-09-09 21:50

vue学习笔记8——在vue中操作DOM

vue学习笔记8——在vue中操作DOM，目录关系exportdefault{mounted(){$('#hot_sell_imgimg').on('click',function(){varhotSellImgSrc
aeoliancrazy·2017-09-05 14:39

Vue学习笔记之表单输入控件绑定

表单输入绑定基础用法文本###多行文本###复选框爱好{{checked}}varvm=newVue({el:'#app',date:{checked:[]},单选按钮性别男女{{picked}}varvm=newVue({el:'#app',date:{picked:''},选择列表单选列表户口请选择河北山西北京{{selected}}varvm=newVue({el:'#app',date:{
哈希·2017-09-05 09:34

vue学习笔记4——route，路由跳转等

vue学习笔记4——route之前学习笔记补充：注意渲染和其他标签的先后顺序/**下面是新的内容了***/疑问：参照网易云音乐进入ip为music.163.com的页面（网易云的官网）点击一些功能按键，
aeoliancrazy·2017-09-04 21:50

vue学习笔记3——外部引入css和路由的一部分

vue学习笔记3——外部引入css和路由的一部分从外部引入css文件在.vue文件中@import'../../style/basic.css';@import'../..
aeoliancrazy·2017-09-04 16:08

整理vue学习笔记

1.vue简介，vue是一个构建用户界面的框架。是一个轻量级mvv框架，和angular一样是所谓的双向数据绑定，数据驱动和组件化的前端开发，通过简单的api实现响应式的数据绑定和组合试图组件，容易上手，小巧。2.安装vue-devtools插件，便于在chrome中调试vue，配置是否允许vue-devtools检查代码，方便调试，生产环境设置为false，vue.config.devtools
小飞侠-2·2017-09-04 09:44

vue学习（自用）

vue基本指令v-text显示文本v-html显示网页v-bind数据绑定让我们页面上显示的值动态化(单向数据流的体现)单向数据流:当模型发生更改之后，我们的视图跟着变化,v-bind:title=”“可以简写:title=”“v-on事件处理v-on:click=””可以简写成@click有参数时可以写成@click(params)v-modle数据双向绑定（一般用于表单元素）原理（属性劫持）v
晴天sun·2017-08-17 20:08

vue学习总结之路由

一、添加依赖，在package.json中找到dependencies模块，然后往里面追加jQuery，以jq版本2.2.3为例："dependencies":{"vue":"^2.3.3","vue-router":"^2.6.0","jquery":"^2.2.3"},然后命令行：npminstall二、添加完依赖后，修改webpack配置，找到webpack.base.conf.js，引入：
小小手心·2017-08-11 14:30

Vue学习笔记实战篇——音乐播放器 · 需求说明

本文为转载，原文：Vue学习笔记实战篇——音乐播放器·需求说明介绍Vue学习了这么久，也是时候来一把实战了。
ChainZhang·2017-07-31 09:02

前端主流框架vue学习笔记第二篇

接上篇，在本篇中，我们将要实现如下，功能，编辑和查询，我们当前的todolist程序，和线上其它的demo程序不同，我们会对其进行增删改查的基本操作，之后进行进一步的完善，按照常规的系统使用经验，一般我们新增和编辑都是在模态框中处理，这里我们不会去构建复杂的模态框，只用一个简单的div层来代替，后期接下来的文章中我们会重复造轮子，构建我们自己的轻量级框架（UI库）。首先，我们对我们的页面结构进行一
JerremyZhang·2017-07-26 16:48

前端主流框架vue学习笔记第一篇

vue应该是前端主流框架中的集大成者，它吸取了knockout，angular，react设置avalon的经验，支持各种模式写法，入门很简单，从本章开始，会记录学习vue中的点点滴滴，以笔记的形式形成博文。1、HelloWorld和任何框架一样，使用前必先引入，我们这里直接使用cdn资源,创建index.html,编写如下代码：demo1{{message}}newVue({el:'#app',
JerremyZhang·2017-07-26 16:40

Vue学习总结

1.vue是什么vue：渐进式的js框架（先看到做核心的东西，然后再根据需求进行增加，比较灵活）自底向下（先关注最基础的部分，接着逐渐扩大）只关注视图层组件化响应式设计（响应式：一个网页，根据分辨率的不同，改变网页大小，例如bootstrap就是响应式的，适应式：多个不同的网页，根据分辨率的不同自动选择不同的页面）2.优缺点优点：简单轻量组件解耦超快虚拟dom缺点：出现晚（2014）不支持低版本，
weixin_34311757·2017-07-25 17:00

Vue学习笔记进阶篇——vuex核心概念

本文为转载，原文：Vue学习笔记进阶篇——vuex核心概念前言本文将继续上一篇vuex文章，来详细解读一下vuex的核心概念，states,getters,mutations,actions,mudoles.State
ChainZhang·2017-07-23 19:12

Vue学习笔记进阶篇——vue-resource安装及使用

本文为转载，原文：Vue学习笔记进阶篇——vue-resource安装及使用简介vue-resource是Vue.js的一款插件，它可以通过XMLHttpRequest或JSONP发起请求并处理响应。
ChainZhang·2017-07-21 11:01

Vue学习笔记进阶篇之函数化组件解析

这两天学习了Vue.js感觉函数化组件这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记介绍之前创建的锚点标题组件是比较简单，没有管理或者监听任何传递给他的状态，也没有生命周期方法。它只是一个接收参数的函数。在这个例子中，我们标记组件为functional，这意味它是无状态（没有data），无实例（没有this上下文）。一个函数化组件就像这样：Vue.component('my-compo
Chain·2017-07-21 10:50
上一页 49 50 51 52 53 54 55 56 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他