基础-- vue 基础入门 - 随笔分类 - 姜腾腾

总结一下vue调试的方法

摘要：1、最推荐使用的是vue的chrome插件： 2、平时开发中常用到的调试代码：console.log()、alert()；此外还有console.error()这个我用的比较少，感觉跟console.log()差不多，就是控制台的字是红色的；还有一个debugger，这个写在代码中，使用chrome 阅读全文

posted @ 2019-03-11 15:04 姜腾腾阅读(12641) 评论(0) 推荐(0)

vue 生命周期钩子

摘要：每个vue实例被创建时都会经历一系列初始化的过程，像是一个生命从无到有的过程，所以叫生命周期，而这个过程都有对应的不同阶段，也就对应了生命周期不同的钩子函数，这些生命周期函数，作为vue实例的属性使用，只有到了这一过程的时候，对应的函数才会被调用，总结下来有如下方法： beforeCreate：在实阅读全文

posted @ 2019-03-11 14:44 姜腾腾阅读(1265) 评论(0) 推荐(0)

vuex 介绍

摘要：vuex是为vue.js开发的状态管理模式，负责vue的状态管理，状态管理是干啥的呢，举个栗子，比如一个酒店，哪间屋子入住了客人，哪间屋子客人退房了，客人退房后，房间有没有清扫过，这些都需要去记录，以便给客人安排房间啊，给员工安排工作什么的，这时就需要这么一个工具，去记录这些状态，vuex做的其实就阅读全文

posted @ 2019-03-11 13:00 姜腾腾阅读(1328) 评论(0) 推荐(0)

vue-router 介绍

摘要：vue-router是官方的路由管理工具，用于组建单页面应用很方便快捷。还记得我们在上一篇文章中，使用vue-cli创建的hello-vue的那个项目吗？打开项目，我们先看下目录结构：看了上面的目录结构，其实路由主要就是配置router.js文件，由于我们用的脚手架创建的文件，router.js文阅读全文

posted @ 2019-03-08 11:29 姜腾腾阅读(1571) 评论(0) 推荐(0)

vue 脚手架的使用 vue-cli

摘要：本文记录vue-cli的使用。在安装vue-cli之前，我们先来检查一下本地node和npm的版本，node版本要大于8，npm版本要大于6，低于这个版本的最好升级下，我node升级的时候，用命令行没好使，报错了，就直接到官网下载了个最新版的，直接重新安装了，npm可以用命令行升级，命令为npm i 阅读全文

posted @ 2019-02-26 16:25 姜腾腾阅读(1354) 评论(0) 推荐(0)

vue 组件

摘要：什么是组件：组件是可复用的vue实例，它的特点是独立、可复用且整体化。为什么要组件化：为了实现功能模块的复用，高执行率，便于开发单页面复杂应用。组件化带来的问题：组件状态管理（vuex）；多组件的混合使用，多页面，复杂逻辑（vue-router）；组件间的传参、消息、事件处理（props，e 阅读全文

posted @ 2019-02-26 16:24 姜腾腾阅读(1238) 评论(0) 推荐(0)

vue 表单输入与绑定 v-model

摘要：vue使用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。下面我们通过示例先了解下基本用法：基础用法中，使用的数据都是写死的数据，是静态的，但是有时候，有些需求需要展示接口请求过来的动态数据，这时候，怎么绑定表单数据呢，下面我们也是阅读全文

posted @ 2019-02-19 11:16 姜腾腾阅读(1522) 评论(0) 推荐(0)

vue 事件处理

摘要：vue使用v-on指令监听DOM事件，之前我们有用过v-on指令实现增加数字的需求，我们把那个例子改改拿出来：上面是v-on最基础的使用方法，此外v-on还有修饰符。先来看看事件修饰符：.stop、.prevent、capture、.self、.once、.passive，我们引用一下官网的例子阅读全文

posted @ 2019-02-18 14:25 姜腾腾阅读(1249) 评论(0) 推荐(0)

vue class与style绑定、条件渲染、列表渲染

摘要：列表渲染根据我例子的需要，先来说下，列表渲染使用到的是v-for指令，需要使用 item in items 形式的特殊语法，items 是源数据数组并且 item 是数组元素迭代的别名，具体使用方法如下： <!DOCTYPE html> <html lang="en"> <head> <meta 阅读全文

posted @ 2019-02-18 14:00 姜腾腾阅读(2099) 评论(0) 推荐(0)

vue 计算属性与侦听器

摘要：侦听器：顾名思义，就是用来监听数据变化用的。侦听器在vue实例中，定义变量watch来使用。监听新值newVal和旧值oldVal，具体使用方法如下：上面是一个简单的示例，watch监听的是变化的数据，可以监听新数据和老数据，我们可以使用Chrome的控制台来修改msg的值进行一下测试：如果只是阅读全文

posted @ 2019-02-14 12:02 姜腾腾阅读(1275) 评论(0) 推荐(0)

vue 模板语法

摘要：在学模板语法前，先了解两个概念，一个是数据绑定，一个是指令。数据绑定，形式就是两组嵌套的花括号，长这样婶儿的{{}}，在这两个花括号里头，我们可以放置需要展示的动态数据（注意，放在双花括号里的内容，都会被解释为普通文本），所谓的数据绑定，我理解的就是用这个形式将需要展示的数据，绑定到对应的元素上。而阅读全文

posted @ 2019-02-13 10:52 姜腾腾阅读(2050) 评论(0) 推荐(0)

vue 实例

摘要：使用vue的第一步，就是创建一个vue实例，这是使用vue的基础，学习vue，需要有js基础的，所以，我这里记录我学习vue的路程，过程中，遇到不了解的内容，我会在文章里做记录，如果是基础的东西，我就直接往下进行，不做解释了。创建一个vue实例，就是声明一个变量，然后呢，给这个变量赋值，用new操阅读全文

posted @ 2019-02-11 15:51 姜腾腾阅读(1244) 评论(0) 推荐(0)

vue 开发前准备工作

摘要：工欲善其事，必先利其器。第一步，选择一个合适的编辑器：看vue官网上，有推荐用HBuilder X这个编辑器，这个我在开发微信小程序的时候，就是用的这个编辑器，还可以，挺好用的，也可以用git做版本管理，这里我们去官网下载一个新的版本http://www.dcloud.io/hbuilderx. 阅读全文

posted @ 2019-01-22 22:07 姜腾腾阅读(1246) 评论(0) 推荐(0)

vue 介绍

摘要：好久没有更新博客了，最近在自学vue，做个学习笔记，写写心得体会啊学习笔记啊什么的，给自己做个记录也是督促自己坚持学习，不能懈怠。废话不说了，now begin。在vue的官网上（https://cn.vuejs.org/），是这样介绍vue的，渐进式JavaScript框架，特点是易用、灵活、高阅读全文

posted @ 2019-01-21 23:37 姜腾腾阅读(1251) 评论(0) 推荐(0)

随笔分类 - 基础-- vue 基础入门