随笔分类 - Vue
摘要：Vue 项目结构介绍 Vue 项目创建完成后，使用 Web Storm 打开项目，项目目录如下： build 文件夹，用来存放项目构建脚本 config 中存放项目的一些基本配置信息，最常用的就是端口转发 node_modules 这个目录存放的是项目的所有依赖，即 npm install 命令下载
阅读全文
摘要：Vuex 1.Vuex概述 Vuex是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间的数据共享。 使用Vuex管理数据的好处： A.能够在vuex中集中管理共享的数据，便于开发和后期进行维护 B.能够高效的实现组件之间的数据共享，提高开发效率 C.存储在vuex中的数据是响应式的，当
阅读全文
摘要：Vue-Router 一.路由的概念与原理 路由的本质就是一种对应关系，比如我们在url地址中输入我们要访问的url地址之后，浏览器要去请求这个url地址对应的资源。 那么url地址和真实的资源之间就有一种对应的关系，就是路由。 路由分为前端路由和后端路由 1.1 后端路由 后端路由是根据不同的用户
阅读全文
摘要：Vue之前后端交互 一、前后端交互模式 接口调用方式 原生ajax 基于jQuery的ajax fetch axios 异步 JavaScript的执行环境是「单线程」 所谓单线程，是指JS引擎中负责解释和执行JavaScript代码的线程只有一个，也就是一次只能完成一项任务，这个任务执行完后才能执
阅读全文
摘要：Vue全家桶之组件化开发 一、组件 组件 (Component) 是 Vue.js 最强大的功能之一 组件可以扩展 HTML 元素，封装可重用的代码 二、 组件注册 2.1 全局注册 Vue.component(组件名称, { data: 组件数据, template: 组件模板内容 }) 全局组件
阅读全文
摘要：Vue的常用特性 一、表单基本操作 都是通过v-model 单选框 1、 两个单选框需要同时通过v-model 双向绑定 一个值 2、 每一个单选框必须要有value属性 且value值不能一样 3、 当某一个单选框选中的时候 v-model 会将当前的 value值 改变 data 中的 数据 g
阅读全文
摘要：Vue的基本使用和模版语法 一、Vue概述 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架 vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合 ⚫易用:熟悉HTML、CSS、JavaScript知识后，可快速上手Vue ⚫灵活:在一个库和
阅读全文
摘要：Vuex+axios Vuex简介 vuex是一个专门为Vue.js设计的集中式状态管理架构。 状态？ 我们把它理解为在data中需要共享给其他组件使用的部分。 Vuex和单纯的全局对象有以下不同： 1、Vuex 的状态存储是响应式的。当vue组件从store中读取状态的时候， 若store中的状态
阅读全文
摘要：Vue生命周期 vue生命周期简介 生命周期的钩子 LifeCycle hooks 上面已经能够清晰的看到vue2.0都包含了哪些生命周期的钩子函数~~ 那么 执行顺序以及什么时候执行，我们上代码来看~~~ <!DOCTYPE html> <html lang="en"> <head> <meta
阅读全文
摘要：npm+webpack+vue-cli快速上手 Node.js npm 什么是Node.js 以及npm 简单的来说 Node.js 就是运行在服务端的JavaScript，基于Chrome V8 引擎的。 npm 是Node.js 的包管理工具。 npm的安装和更新 Node.js下载安装 Nod
阅读全文
摘要：Vue实例生命周期 vue生命周期之beforeCreate vue生命周期之created vue生命周期之beforeMount vue生命周期之mounted vue生命周期之beforeUpdata vue生命周期之updata vue生命周期之beforeDestory vue生命周期之d
阅读全文
摘要：vue之导入JQuery已经Bootstrap的两种方式 Vue引入bootstrap主要有两种方法 方法一：在main.js中引入，此方法导入的bootstrap中对于html，body的一些预设置的css样式可能无效。 一、引入jQuery 在当前项目的目录下（就是package.json），运
阅读全文
摘要：目录： Vue组件系统之全局组件的注册 Vue组件系统之组件的复用 Vue组价系统之局部组件的注册 Vue组件系统之父子组件的通信 Vue组件系统之子父组件的通信 Vue组件系统之混入（mixin） Vue组件系统之插槽<slot></slot> Vue组件系统之具名插槽 做专业的程序员看专业的官方
阅读全文
摘要：ES6常用语法 变量的定义 let定义变量 不会变量提升 有全局作用域和函数作用域，块级作用域{} 不能重复定义 不会变量提升 有全局作用域和函数作用域，块级作用域{} 不能重复定义 var定义变量 会变量提升 只有全局作用域和函数作用域 能够重复定义 会变量提升 只有全局作用域和函数作用域 能够重
阅读全文
摘要：vue-cli脚手架（框架） 一、创建vue项目 二、目录结构的说明 出现下面这样的图就说明成功了 三、import和require的区别 四、设置文件路径的流程 五、实现异步加载 六、VUE的生命周期
阅读全文
摘要：vue之node.js的简单介绍 一、什么是node.js？ 它是可以运行JavaScript的服务平台，可以吧它当做一门后端程序，只是它的开发语言是JavaScript 二、安装 1、node.js的特性： 2、运用的场景： 3、安装地址： 4、npm是一个包管理器，其实是一个命令。使用它来安装或
阅读全文
摘要：vue之webpack打包工具的使用 一、什么是webpack? webpack是一个模块打包工具。用vue项目来举例：浏览器它是只认识js，不认识vue的。而我们写的代码后缀大多是.vue的，在每个.vue文件中都可能html、js、css甚至是图片资源；并且由于组件化，这些.vue文件之间还有错
阅读全文
摘要：vue之指令 一、什么是VUE？ 它是构建用户界面的JavaScript框架（让它自动生成js,css，html等） 二、怎么使用VUE？ 1、引入vue.js 2、展示HTML 3、建立一个vue对象 三、数据绑定 1、插入文本{{ }}。如上例，也可以放表达式 2、插入html：v-html 四
阅读全文
摘要：es6简单介绍 目录： 1、ECMAScript 6 简介 2、let,var和const命令 3、变量的解构赋值 4、字符串的扩展之模板字符串 5、函数的扩展 6、数组的扩展 7、对象的扩展 8、类 9、维护学生信息的一个小示例 10、import 和 export 1、ECMAScript 6
阅读全文
