vue笔记

Vue笔记——搭建脚手架并快速创建Vue项目

现在的Vue脚手架已经升级到3.x版本，即vue-cli3。脚手架升级之后，安装的命令发生了变化，所以这篇文章会跟大家演示新旧版本的脚手架安装过程，以及使用新旧版本脚手架创建项目的过程。下面的安装过程均是在window平台下安装。一、准备工作1.安装node.js和npmVue的脚手架是依赖于node.js的，所以无论是安装新版本还是旧版本，我们都要安装node.js，如果你对node.js不熟悉
fengzhen8023·2018-10-01 16:37

Vue笔记——npm详细教程

免责声明：此文章是转载文章，这里给出原链接，以示尊重。原作者名称：knqiufan原作者博客：https://blog.csdn.net/knqiufan原博客链接：https://blog.csdn.net/knqiufan/article/details/78571947什么是NPMnpm之于Node.js，就像pip之于Python，gem之于Ruby，pear之于PHP。npm是Node.
振礼硕晨·2018-09-26 10:22

vue笔记之后台数据模拟

1.在项目根目录创建一个data.json{"personnel":[{"id":1,"name":"张三","sex":"男"},{"id":2,"name":"王五","sex":"男"},{"id":3,"name":"小丽","sex":"女"},{"id":4,"name":"小莉","sex":"女"}]}2.在项目目录的build目录下，找到webpack.dev.conf进行修改c
qq_36781179·2018-09-23 11:57

vue笔记 9.10

1，下载js库npminstallvuevue相对于AngularReact来说是相对于容易学习的框架vue是由尤雨溪个人维护vue操作元素更方便简化了DOM2，v-for对数组或对象进行循环操作需要哪个元素（HTML的标签）循环，那么v-for就写在那个元素上使用v-for可以把obj的每个key对应的value值遍历出来，并且填到对应的li元素中v-for除了可以使用在数组上之外还可以应用在对
北城_以念·2018-09-11 19:11

vue笔记

1.vue索引值使用2.v-for遍历一个对象{{v}}obj={"a":1,"b":2}//1,2提供第二个参数获取键值{{k}}:{{v}}第三个参数为索引值2.vue赋值给objectthat.imgEmpty={};3.v-bind:stylev-bind:style="{backgroundImage:'url('+pic+')'}"4.vue绑定数据切换tab出现闪现问题设置变量（ju
西西_80ff·2018-09-10 12:24

vue样式操作与事件绑定

Vue笔记1Vue实例（VM）varvm=newVue({  el:'#app',//挂载元素//数据data:{title:'值',....dataList:[]},//方法methods:{方法名:
ZHOUXIN0426·2018-08-22 20:00

Vue笔记

1.vue文件之间使用路由跳转传值:this.$router.push({path:'要跳转的页面路径',query:{dataObj:'要传递的值'}})注:replace和push用法一样,区别在于使用过replace跳转后不能回到上个页面;使用replace后需要返回两次才能回到首页,使用history解决场景:公众号自定义菜单>A使用push到B>B使用replace传值跳转(返回)到A>
慕名66·2018-08-08 09:24

vue笔记（五）表单验证

这里以验证两次密码是否一致，来记录vue表单验证写法。一、首先这里使用ElementUI的表单验证，基本用法如地址：http://element-cn.eleme.io/#/zh-CN/component/form二、然后查看示例代码，了解对应的属性，方法，事件。三、拷贝示例代码然后简化，如下：    提交重置这里定义了一个form表单，指定了表单数据ruleForm，验证规则demoRules，
gcc_java·2018-07-13 17:36

vue笔记

vue笔记一.vue实例vue的生命周期beforeCreate（创建前）,created（创建后）,beforeMount(载入前),mounted（载入后）,beforeUpdate（更新前）,updated
秋殇1002·2018-07-10 11:47

vue基础指令

属性绑定v-bind用于对html标签的属性进行值绑定，可缩写为:具体代码页面效果代码解析：绑定事件v-on绑定js中的事件，缩写形式为@具体代码v-on效果如想了解更多的vue实例，请查阅我的vue笔记目录
闲睡猫·2018-07-04 15:12

Vue笔记

##框架和库的区别?>框架(framework):一套完整的软件设计架构和**解决方案**。>>库(library):对常用功能性函数的**封装**。>>一般也可以认为框架大而全,库小而精。一个框架中可以包含或者集成多个库。+框架：是一套完整的解决方案；对项目的侵入性较大，项目如果需要更换框架，则需要重新架构整个项目。+库（插件）：提供某一个小功能，对项目的侵入性较小，如果某个库无法完成某些需求，
Rui_bdad·2018-06-01 16:21

vue笔记（二）vue项目整合element-ui-全局

打开vue项目，推荐使用webstorm，在如图位置输入命令：1.安装loader模块：npminstallstyle-loader-Dnpminstallcss-loader-Dnpminstallfile-loader-D2.安装Element-UI模块：npminstallelement-ui--save3.修改build/webpack.base.conf.js的配置，添加下面两项：   
gcc_java·2018-05-29 19:04

Vue笔记（8） - props与mixins

https://cn.vuejs.org/v2/guide/components.html#Prop-%E9%AA%8C%E8%AF%81（1）props验证Vue.component('example',{props:{//基础类型检测(`null`指允许任何类型)propA:Number,//可能是多种类型propB:[String,Number],//必传且是字符串propC:{type:S
ceido·2018-05-22 16:32

Vue笔记（8） - props与mixins

https://cn.vuejs.org/v2/guide/components.html#Prop-%E9%AA%8C%E8%AF%81（1）props验证Vue.component('example',{props:{//基础类型检测(`null`指允许任何类型)propA:Number,//可能是多种类型propB:[String,Number],//必传且是字符串propC:{type:S
ceido·2018-05-22 16:32

Vue笔记（一）——Vue指令&模板

前言用于记录个人学习vue笔记Vue-MVVM模式M:model,称之为数据模型，在前端为对象的形式表现letdata={msg:'我就是一个数据模型'}V：View，视图，也就是HTML我是视图VM:
FangHanJia·2018-05-09 00:00

Vue笔记（6） - v-for详解及set方法

https://cn.vuejs.org/v2/guide/list.html1、key当Vue.js用v-for正在更新已渲染过的元素列表时，它默认用“就地复用”策略。如果数据项的顺序被改变，Vue将不会移动DOM元素来匹配数据项的顺序，而是简单复用此处每个元素，并且确保它在特定索引下显示已被渲染过的每个元素。这个默认的模式是高效的，但是只适用于不依赖子组件状态或临时DOM状态(例如：表单输入值
ceido·2018-04-22 21:51

Vue学习1

Vue笔记1Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。Vue.js的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进DOM的系统。
呆瓜怎熟·2018-04-13 10:07

Vue笔记

VUE介绍Vue的特点构建用户界面，只关注View层简单易学，简洁、轻量、快速渐进式框架框架VS库库，是一封装好的特定方法的集合，提供给开发者使用，库没有控制权，控制权在使用者手中；代表：jQuery、underscore、util框架，框架顾名思义就是一套架构，会基于自身的特点向用户提供一套相当完整的解决方案，而且控制权的在框架本身，使用者要找框架所规定的某种规范进行开发代表：backbone、
多多酱_DuoDuo_·2018-03-22 16:53

Vue笔记九：pwa技术在vue的使用（workbox/sw-precache）

提问sw-precache是什么？workbox又是什么？web前端的各位同学可能或多或少听过pwa，听过serviceworker（后面简称为SW），也知道对应的生命周期。知道了这些api后，你还是不知道如何将pwa技术投入生产。它不仅仅是个玩具，它是一个“神器”，是用来拉近native和webapp之间的差距。当我们做spa项目越做越大的时候，JSbundle会越来越大，单页面不能承载那么多的
brandonxiang·2018-01-14 18:59

Vue笔记系列（三）Vue.js进阶

Vue笔记系列1、Vue.js入门2、Vue.js渐进深入响应式的原理追踪变化把一个普通Javascript对象传给Vue实例的data选项，Vue将遍历此对象所有的属性，并使用Object.defineProperty
方旭·2017-12-15 00:00

Vue笔记系列（二）Vue.js渐进

Vue笔记系列1、Vue.js入门3、Vue.js进阶API以下会随用随记一些API，可能会不定期更新。Vue.component(id,[definition]).注册或获取全局组件。
方旭·2017-12-15 00:00

Vue笔记系列（一）Vue.js入门

Vue笔记系列2、Vue.js渐进3、Vue.js进阶Vue.js的概述如官网所说，Vue.js是一款轻量级的以数据驱动的渐进式JavaScript框架。
方旭·2017-12-14 00:00

vue笔记

1.datedate就是vue实例上的数据对象，date必须为标准的对象含有键与值实例创建后可有vm.$data访问2.propsprops可以是数组或对象，用于接收来自父组件的数据。3.computedcomputed为计算属性，绑定vue实例的get与set方法，一直缓存在页面中，当vue实例中的属性发生改变时，触发该方法4.所有的vue组件都是vue的实例，所以date需要return出一个
黄鹤你不是人·2017-12-11 02:45

Vue笔记

Vue.js是当下很火的一个JavaScriptMVVM库，它是以数据驱动和组件化的思想构建的。MVVM模式它是将“数据模型数据双向绑定”的思想作为核心，因此在View和Model之间没有联系，通过ViewModel进行交互，而且Model和ViewModel之间的交互是双向的，因此视图的数据的变化会同时修改数据源，而数据源数据的变化也会立即反应到View上。ViewModel是Vue.js的核心
明月别枝·2017-10-20 17:45

Vue笔记3 vue-cli单页面应用与路由设置

1.准备，安装webpack和vue-cli，根据官网教程构建项目。搭建好的项目如下：2.配置路由1).在components中创建Page.vue，在router中的index.js中配置路由。importVuefrom'vue'//1.导入路由组件vue-routerimportRouterfrom'vue-router'importHellofrom'@/components/Hello'i
anran_886·2017-09-14 11:17

Vue笔记 生命周期

官方给了个奇怪的图地址在这里如果你学过苹果就知道viewDidLoad,viewWillDisappear,viewWillAppear这些奇怪的词，如果没有那么来写一个demoletmyvue=newVue({el:".container",router:routerConfig,mounted(){console.log("mounted");},beforeCreate(){console.
丧心病狂的小菜鸡·2017-05-10 10:31

Vue.js进阶

Vue笔记系列1、Vue.js入门2、Vue.js渐进深入响应式的原理追踪变化把一个普通Javascript对象传给Vue实例的data选项，Vue将遍历此对象所有的属性，并使用Object.defineProperty
其心·2017-05-04 19:59

初学Vue笔记

一、安装(1)script直接通过script加载CND文件(2)npm$npmivue--save-dev(3)bower$bowerivue--save-dev二、数据绑定2.1 语法2.1.2插值一般：{{text}}只渲染一次数据，后续数据变化不再关心：{{*text}}如果值是HTML片段text='ffdff'：{{{text}}}双大括号也可以放在标签里，如Vue指令和自身特性内不能
weixin_38304202·2017-05-03 18:00

vue笔记---模版语法--指令缩写

v-前缀在模板中是作为一个标示vue特殊属性的明显标识。使用vue.js为现有的标记添加动态行为时，它会很有用，但对于一些经常食用的指令来说有点繁琐。同时,当搭建vue.js管理所有的模版的spa时，v-前缀也变得没那么重要了，因此vue.js为两个最为常用的指令提供了特别的缩写：1.v-bind缩写//缩写2.v-on缩写//缩写
qq_34530330·2017-03-06 14:46

vue笔记---模板语法--过滤器

vue.js允许自定义过滤器，被用作一些常见的文本格式化。过滤器应该被添加在mustache插值的尾部，由“管道符”指示：{{message|capitalize}}在vue2中，过滤器只能在mustache绑定和v-bind表达式中使用，因为过滤器设计目的就是用于文本交换，你应该使用计算属性。过滤器总接受表达式的值作为第一个参数newVue({filters:{capitalize:functi
qq_34530330·2017-03-06 13:29

Vue.js入门

Vue笔记系列2、Vue.js渐进3、Vue.js进阶Vue.js的概述如官网所说，Vue.js是一款轻量级的以数据驱动的渐进式JavaScript框架。
其心·2017-02-03 18:38
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他