前情提要:axios 的使用 axios是一个ajax 的包,主要在node.js 使用 axios 的官网 https://www.kancloud.cn/yunye/axios/234845 一:书写格式 二:在cli 中下载axios  三: 在主程序mian.js中 四:  注册使用的vue 五:在home.vue 中使用axiso 文件 模板层 js层 <script> export default { name: "home", data(){ return {…

vue 自学笔记(一): 知识内容:  安装vue ,创建vue实例,安装第一个组件,单项数据流 https://www.cnblogs.com/baili-luoyun/p/10763163.html vue 自学笔记(二) 知识内容:实例的概念,属性和方法,页面如何绑定数据,声明周期函数,官方图解 https://www.cnblogs.com/baili-luoyun/p/10763551.html vue 自学笔记(三) 知识内容: 计算属性,侦听 https://www.cnblogs…

  做前端也做了一段时间了,为了高薪,不能一直做网页不是~~,所以从今天开始整理vue的笔记 内容都是从网上搜集整合并且自己实践过了的,需要注意的点,也在后面标注了“注”   当然了,如果有什么问题的话希望能及时的告诉我以做修改 - -与君共勉 1.实例化 <script src="http://unpkg.com/vue"></script> <div id="app"> {{message}} </div> var…

一.项目的创建 1.必须要安装nodejs    2.搭建vue的开发环境 ,安装vue的脚手架工具   官方命令行工具        npm install --global vue-cli  /   cnpm install --global vue-cli         (此命令只需要执行一次)    3.创建项目   必须cd到对应的一个项目里面                   vue init webpack vue-demo01        cd  vue-demo01   …

从to do list  开始  一: 安装  1: 导入cdn <script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script> 二: 创建一个vue实例 在script中创建vue 对象 所有的 Vue 应用都是从创建一个实例开始的,它通过Vue函数创建 从这个实例创建后,Vue 框架就通过这个vm实例管理它可以管理的内容.但它管理的是哪一部分呢? 在 html 中,有一个 id 为…

一:计算属性 虽然在模板内使用表达式对属性进行处理十分便利,例如在小胡子语法里写number + 1实现对数据的简单处理,但若我们在其中加入大量的代码,使得逻辑变重,导致难以维护.例如下面的代码,并不是简单的逻辑处理,而是需要经过一段时间的推算后,才知道在 div 中展示的是怎么样的内容 可以在小胡子语法中直接书写简单js  Vue 建议我们在其中只做一些简单的运算即可,那么当给页面要绑定的属性需要大量逻辑处理的时候,我们建议使用计算属性 1:基础例子 创建了一个根节点,我们现在给其挂载实例 明…

一:对象绑定 Vue 对于页面的样式加载也有独特的方式,按照 Vue 提供的方式,我们可以轻松的控制它们的呈现. 假使我们要实现点击 div 变色 Vue 提供的样式方案的本质是对元素节点进行属性的绑定,由此我们可以获知它会采用v-bind指令去绑定属性,同时我们也能知道样式内容的定义也可以放在 data 中,以下是几个绑定样式的方案.     一:对象绑定   class 我们在 div 上绑定的属性是对象方式呈现的   1: 通过指令,给元素的 class 绑定了一个对象,这个对象的属性名在…

列表渲染 一:v-for 指令 当我们涉及到列表渲染数据的时候,不可能做一个重复的工作去不停的一个一个的渲染每一项列表.并且列表数据的表现,比如从后端请求过来的数据,不可能是一个一个的单独的 JSON 数据,通常会是一个数组或者对象. 针对这样的情景,Vue 提供了 v-for 指令使列表使我们可以根据一组数组的选项列表进行渲染.并且,我们只需要写一个列表元素作为模板就可以通过遍历属性的方式渲染出大量的列表内容. 当然,除了列表,也可以通过v-for重复渲染其他元素,这里我们使用v-for重复渲…

前情提要: 这里盘点一下,组件细节的问题 现在我们观察一些用框架开发的网页BiliBili.掘金,会发现很多部分都十分相似或者一模一样,我们甚至可以将其拆分归类.而事实上,页面的确是被一个个组件构成的,本章,我们就对组件的细节做一个细致的拆分. 一:组件的使用 组件的注册分为全局注册和局部注册,目前我们用全局注册做例子. 使用Vue.component()对 Vue 实例进行全局组件的注册.这里我们注册了一个叫 Row 的组件,本质是它的模板在template中定义.另外需要注意的是,与根实例 …

感觉小青推荐的学习网课,  利用vue 仿制一个去哪网, 学习的东西很多, 在食用之前,需要先确保js 和css 过关 js https://www.bilibili.com/video/av30099487  140 集大礼包, 22小时 es6 https://www.bilibili.com/video/av47304735   台湾小姐姐的es 6   声音很好听  4 小时 阮一峰的 es 6 教程 http://es6.ruanyifeng.com/ css3+html  https…