随笔分类 - vue
day 75 vue 项目记录.路飞学城(一)
摘要：前情提要: 通过vue 搭建路飞学城记录 一:项目分析 二:项目搭建 1:创建项目 vue init webpack luffy 2:初始化项目 清除默认的HelloWorld.vue组件和APP.vue中的默认模板代码和默认样式 2>1: 清除位置 2>2:修改后效果 2>3:结果图 三:引入El
阅读全文
vue 自学笔记(6) axios的使用
摘要：前情提要:axios 的使用 axios是一个ajax 的包,主要在node.js 使用 axios 的官网 https://www.kancloud.cn/yunye/axios/234845 一:书写格式 二:在cli 中下载axios 三: 在主程序mian.js中 四: 注册使用的vue 五
阅读全文
vue 所有的指令
摘要：1. v-text v-text主要用来更新textContent，可以等同于JS的text属性。 <span v-text="msg"></span> 这两者等价： <span>{{msg}}</span> 2. v-html 双大括号的方式会将数据解释为纯文本，而非HTML。为了输出真正的HTM
阅读全文
vue 自学笔记(5) 列表渲染
摘要：列表渲染 一:v-for 指令 当我们涉及到列表渲染数据的时候，不可能做一个重复的工作去不停的一个一个的渲染每一项列表。并且列表数据的表现，比如从后端请求过来的数据，不可能是一个一个的单独的 JSON 数据，通常会是一个数组或者对象。 针对这样的情景，Vue 提供了 v-for 指令使列表使我们可以
阅读全文
vue 自学笔记(4): 样式绑定与条件渲染
摘要：一:对象绑定 Vue 对于页面的样式加载也有独特的方式，按照 Vue 提供的方式，我们可以轻松的控制它们的呈现。 假使我们要实现点击 div 变色 Vue 提供的样式方案的本质是对元素节点进行属性的绑定，由此我们可以获知它会采用v-bind指令去绑定属性，同时我们也能知道样式内容的定义也可以放在 d
阅读全文
vue 自学笔记(三) 计算属性与侦听器
摘要：一:计算属性 虽然在模板内使用表达式对属性进行处理十分便利，例如在小胡子语法里写number + 1实现对数据的简单处理，但若我们在其中加入大量的代码，使得逻辑变重，导致难以维护。例如下面的代码，并不是简单的逻辑处理，而是需要经过一段时间的推算后，才知道在 div 中展示的是怎么样的内容 可以在小胡
阅读全文
自学vue笔记 (二) : 实例与生命周期
摘要：一: 什么是实例 我们说了，Vue 应用都应该从构建一个 Vue 实例开始。它管理着挂载在它身上的所有内容，因此实例是一个根实例， 所有的组件都应该挂载在根实例上面。创建一个 Vue 实例，需要通过 new 一个构造函数的方式，同时传入一个对象。 该对象可以传入很多内容，驱动页面的数据，模板，挂载的
阅读全文
vue 自学笔记(1)
摘要：从to do list 开始 一: 安装 1: 导入cdn 从这个实例创建后，Vue 框架就通过这个vm实例管理它可以管理的内容。但它管理的是哪一部分呢？ 在 html 中，有一个 id 为 app 的 div 盒子，想必你也知道了，这个 id 为 app 的内容就是被vm实例管理的页面内容。 我们
阅读全文