![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue2.*学习笔记
文章平均质量分 71
啤酒黑咖啡
这个作者很懒,什么都没留下…
展开
-
八、axios
axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP客户端,它本身具有以下特征。目前主流的Vue项目中,多采用axios来发送ajax请求,因此学习一下axios 一、简单使用 这里以vue-cli构造的项目下使用axios为例 1.安装引入 在项目目录下使用命令行npm install axios --save 需要注意的是,一般我们在安装插件的时候可...原创 2018-08-09 11:34:12 · 167 阅读 · 0 评论 -
七、路由
一、hash $ history Vue路由支持两种模式hash、history两种模式,默认使用hash模式 1.hash模式 以#/开始匹配,这种叫作哈希模式(hash)。这里的 # 和 css 里的 # 是一个意思。hash 也称作锚点,本身是用来做页面定位的,她可以使对应 id 的元素显示在可视区域内。 由于 hash 值变化不会导致浏览器向服务器发出请求,而且 hash 改变...原创 2018-08-04 16:06:52 · 132 阅读 · 0 评论 -
五、Vue中的组件
一、TodoList <!DOCTYPE html> <html> <head> <title>vue</title> <meta charset="utf-8"> <script src="./vue.js"></script> <原创 2018-07-22 18:19:15 · 228 阅读 · 0 评论 -
四、Vue样式绑定
在Vue中,样式的绑定可以通过两种方式,第一种是通过class,第二种是通过style 一、class 1. class的对象绑定 :class="{activated: isActivated}" 在这种形式下,当isActivated为true时,则class="activated",当isActivated为 false时,则class无值。因此,可以通过对cl...原创 2018-07-22 16:55:55 · 119 阅读 · 0 评论 -
三、基础语法
一、创建第一个vue实例 1.引入vue.js &amp;amp;amp;lt;script src=&amp;amp;quot;./vue.js&amp;amp;quot;&amp;amp;amp;gt;&amp;amp;amp;lt;/script&amp;amp;amp;gt; 2.创建实例 a.通过el属性确定挂载点(即页面dom对象) b.data属性设置数据 &am原创 2018-07-22 15:59:30 · 175 阅读 · 0 评论 -
二、Vue实例生命周期
一、生命周期图示 以下是官方给出的Vue实例的生命周期图示,图中展示了11个生命周期钩子(函数)中的8个 二、生命周期函数 生命周期函数是指vue实例在某一个时间点会自动执行的函数 1.beforeCreate&amp;created 在实例初始化时间以及生命周期后,依赖注入初始化之前会先调用beforeCreate 函数,在依赖注入初始化之后,即实例基本创建之...原创 2018-07-22 14:44:40 · 93 阅读 · 0 评论 -
一、Vue简介
一、简单介绍 &nbsp;&nbsp;&nbsp;&nbsp;Vue.js是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动 &nbsp;&nbsp;&nbsp;&a原创 2018-07-22 14:19:42 · 148 阅读 · 0 评论 -
九、Vuex
一、Vuex简介 官方上介绍: Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具devtools extension,提供了诸如零配置的time-travel调试、状态快照导入导出等高级调试功能。 经过短暂接触,个人感觉Vuex有点像一个中转站...原创 2018-08-11 10:40:44 · 120 阅读 · 0 评论