随笔分类 -  VUE

在浏览器上安装 Vue Devtools工具
摘要：Vue.js devtools是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展，可以在浏览器开发者工具下调试代码。 1）首先在github下载devtools源码，地址：https://github.com/vuejs/vue-devtools 2）下载好后进入vu 阅读全文
posted @ 2019-03-02 17:12 Hear7 阅读(609) 评论(0) 推荐(0) 编辑
VUE基础入门
摘要：VUE基础目录： ES6常用语法 Vue基础以及指令 Vue组件 Vue-Router Vue生命周期 npm webpack vue-cli Vuex以及axios 更多详情请见Vue官网 VUE基础目录： ES6常用语法 Vue基础以及指令 Vue组件 VUE基础目录： ES6常用语法 Vue基 阅读全文
posted @ 2019-01-03 17:07 Hear7 阅读(112) 评论(0) 推荐(0) 编辑
Vuex以及axios
摘要：Vuex简介 vuex是一个专门为Vue.js设计的集中式状态管理架构。 状态？ 我们把它理解为在data中需要共享给其他组件使用的部分。 Vuex和单纯的全局对象有以下不同： 1、Vuex 的状态存储是响应式的。当vue组件从store中读取状态的时候， 若store中的状态发生变化，那么相应的组 阅读全文
posted @ 2018-11-14 16:30 Hear7 阅读(155) 评论(0) 推荐(0) 编辑
export ，export default 和 import 区别 以及用法
摘要：首先要知道export，import ，export default是什么 ES6模块主要有两个功能：export和import export用于对外输出本模块（一个文件可以理解为一个模块）变量的接口 import用于在一个模块中加载另一个含有export接口的模块。 也就是说使用export命令定 阅读全文
posted @ 2018-11-14 13:08 Hear7 阅读(253) 评论(0) 推荐(0) 编辑
ES6常用语法
摘要：什么是ES6 ECMAScript 6 简称ES6, 在2015年6月正式发布~ ECMAScript 是JavaScript语言的国际标准。 我们本着二八原则，掌握好常用的，有用的~能让我们更快的上手~~~ 1 声明变量const let var ES6以前 var关键字来声明变量，无论声明在何处 阅读全文
posted @ 2018-11-13 21:24 Hear7 阅读(128) 评论(0) 推荐(0) 编辑
Vuex以及axios
摘要：Vuex简介 vuex是一个专门为Vue.js设计的集中式状态管理架构。 状态？ 我们把它理解为在data中需要共享给其他组件使用的部分。 Vuex和单纯的全局对象有以下不同： 1、Vuex 的状态存储是响应式的。当vue组件从store中读取状态的时候， 若store中的状态发生变化，那么相应的组 阅读全文
posted @ 2018-11-10 22:01 Hear7 阅读(128) 评论(0) 推荐(0) 编辑
npm、webpack、vue-cli 快速上手
摘要：Node.js npm 什么是Node.js 以及npm 简单的来说 Node.js 就是运行在服务端的JavaScript，基于Chrome V8 引擎的。 npm 是Node.js 的包管理工具。 npm的安装和更新 Node.js下载安装 Node.js 官网下载安装。npm自带的包管理工具。 阅读全文
posted @ 2018-11-10 21:59 Hear7 阅读(187) 评论(0) 推荐(0) 编辑
Vue生命周期
摘要：vue生命周期简介 生命周期的钩子 LifeCycle hooks 上面已经能够清晰的看到vue2.0都包含了哪些生命周期的钩子函数~~ 那么 执行顺序以及什么时候执行，我们上代码来看~~~ <!DOCTYPE html> <html lang="en"> <head> <meta charset= 阅读全文
posted @ 2018-11-10 21:58 Hear7 阅读(158) 评论(0) 推荐(0) 编辑
Vue-Router
摘要：vue-router是什么~~ vue-router是Vue的路由系统，定位资源的，我们可以不进行整页刷新去切换页面内容。 vue-router的安装和基本配置 vue-router.js 可以下载 也可以用cdn，基本配置信息看如下代码~~~ // html 代码 <div id="app"> < 阅读全文
posted @ 2018-11-10 21:57 Hear7 阅读(185) 评论(0) 推荐(0) 编辑
Vue基础指令
摘要：Vue框架介绍 之前大家学过HTML，CSS，JS，JQuery，Bootstrap，现在我们要学一个新的框架Vue~ Vue是一个构建数据驱动的web界面的渐进式框架。 目标是通过尽可能简单的API实现响应式的数据绑定和组合的视图组件。 能够构建复杂的单页面应用。现在我们开始认识一下Vue~ // 阅读全文
posted @ 2018-11-08 21:40 Hear7 阅读(498) 评论(0) 推荐(0) 编辑
ES6 常用语法
摘要：什么是ES6 ECMAScript 6 简称ES6, 在2015年6月正式发布~ ECMAScript 是JavaScript语言的国际标准。 我们本着二八原则，掌握好常用的，有用的~能让我们更快的上手~~~ 1 声明变量const let var ES6以前 var关键字来声明变量，无论声明在何处 阅读全文
posted @ 2018-11-08 19:36 Hear7 阅读(180) 评论(0) 推荐(0) 编辑
Vue组件
摘要：Vue组件 组件 (Component) 是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素，封装可重用的代码。是可复用的Vue实例。 组件的注册 // html 代码 <div id="app"> <my-component></my-component> </div> // js 阅读全文
posted @ 2018-11-07 17:17 Hear7 阅读(187) 评论(0) 推荐(0) 编辑
VUE
摘要：Vue.js 是什么 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时 阅读全文
posted @ 2018-11-01 21:40 Hear7 阅读(120) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示