随笔分类 -  Vue

Vue之vuex和axios
摘要：Vuex : vuex是一个专门为Vue.js设计的集中式状态管理架构. 状态: 可以理解为在data中需要共享给其他组件使用的部分. Vuex和单纯的全局对象的不同: 1. Vuex的状态存储是响应式的. 当vue组件从store中读取状态的时候, 若store中的状态发生改变, 那么相应的组件也 阅读全文
posted @ 2018-11-15 21:29 唯你如我心 阅读(3527) 评论(0) 推荐(0)
Vue之node.js, webpack, vue-cli
摘要：node.js 和 npm 什么是node.js 和 npm : 简单的说 node.js 就是运行在服务端的JavaScript, 基于Chrome V8引擎的. npm 是 node.js 的包管理工具. npm的安装和更新 : node.js官网下载安装, next到最后. npm是自带的包管 阅读全文
posted @ 2018-11-13 19:48 唯你如我心 阅读(921) 评论(0) 推荐(0)
Vue之组件
摘要：组件基础 : 组件是可复用的Vue实例, 且带有一个名字. 因为组件是可以复用的Vue实例, 所以它们与new Vue接收相同的选项, 例如: data, computed, watch, methods以及生命周期钩子等. 仅有的例外是像 el 这样根实例特有的选项. 注意事项: data 必须是 阅读全文
posted @ 2018-11-11 18:33 唯你如我心 阅读(168) 评论(0) 推荐(0)
Vue之路由
摘要：Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有： 嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.js 过渡系统的视图过渡效果 细粒度的导航控制 带有自动激活的 CSS 阅读全文
posted @ 2018-11-11 18:15 唯你如我心 阅读(219) 评论(0) 推荐(0)
Vue之生命周期
摘要：每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。 生命周期函数 : beforCreate: 实例在创建之前 阅读全文
posted @ 2018-11-11 17:42 唯你如我心 阅读(146) 评论(0) 推荐(0)
Es6常用语法
摘要：变量的定义: 1. let定义变量 没有变量提升 不能重复定义 块级作用域 2. const定义变量 没有变量提升 带来了块级作用域 不能重复定义 定义之后不能修改 定义的时候必须赋值 模板和字符串: 使用反引号进行字符串的拼接 使用${}去存储变量 数据的解构和赋值: let ary = [1,2 阅读全文
posted @ 2018-11-08 08:54 唯你如我心 阅读(148) 评论(0) 推荐(0)
Vue之常用指令
摘要：v-if 和v-show性能比较: 我们简单比较一下二者的区别： 实现方式：v-if底层采用的是appendChild来实现的，v-show通过样式的display控制标签的显示，正因为实现方式上面有差异，导致了他们的加载速度方面产生了差异； 加载性能：v-if加载速度更快，v-show加载速度慢 阅读全文
posted @ 2018-11-07 20:37 唯你如我心 阅读(473) 评论(0) 推荐(0)