![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
Vue的相关知识
醉酒笑红尘s
这个作者很懒,什么都没留下…
展开
-
Vue基础技能【十、axios运用】
1、axios基础使用1.1、介绍网址:http://www.axios-js.com介绍:Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。1.2、安装cdn<script src="https://unpkg.com/axios/dist/axios.min.js"></script>npmnp...原创 2020-02-18 19:46:00 · 169 阅读 · 0 评论 -
Vue基础技能【九、vue-cli脚手架】
1、脚手架介绍1.1、什么是脚手架含义: 书写一个项目最基础的一个目录结构。这个目录中包含了我们需要创建的文件等等。我们可以在这个基础上直接开发。1.2、安装脚手架vue-cli网址:https://cli.vuejs.org/zh/guide/cli-service.html// 前提安装了node.js npm i vue-cli -g // 将脚手架全局安装...原创 2020-02-18 18:00:46 · 169 阅读 · 0 评论 -
Vue基础技能【八、vuex讲解运用】
1、Vue全家桶介绍vue 核心框架Vue-router 路由Vuex 状态管理器axios 数据请求库2、vuex介绍作用: 大型项目的数据管理、 大型项目里的组件之间的通信。基础使用:引入Vue,引入vuex. 切记先后顺序<script src="vue.js"></script><script src="vuex.js"...原创 2020-02-18 17:56:04 · 149 阅读 · 0 评论 -
Vue基础技能【七、vue-router路由知识】
1、路由的概念路由的概念:后端的路由:对于普通的网站,所有的超链接都是URL地址,所有的URL地址都对应服务器上对应的资源前端的路由:对于单页面应用程序来说,主要通过URL中的hash(#号)来实现不同页面之间的切换,同时,hash有一个特点:HTTP请求中不会包含hash相关的内容;所以,单页面程序中的页面跳转主要用hash实现;单页面的概念:多页面:MPA mul...原创 2020-02-18 17:53:08 · 213 阅读 · 0 评论 -
Vue基础技能【六、自定义指令、过滤器、插槽、动画】
1、自定义指令1.1、定义指令作用:帮助我们实现对于一些原生DOM的操作。比如说,页面一进入输入框就获取焦点;比如焦点离开输入框就开始验证。定义自定义指令:全局注册Vue.directive('指令名',{ 配置项 })// 全局注册要放在Vue实例化之前局部注册new Vue({ el:"", ... directives:{ 指...原创 2020-02-18 17:51:06 · 196 阅读 · 0 评论 -
Vue基础技能【五、组件数据通信】
1、方法1:父子关系进行通信(父子之间)1.1、父传子思路: 父要获取到该子组件,然后给该子组件修改数据。核心:父要如何获取到子实现: 父组件内部 通过 this.$refs 来获取到子组件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...原创 2020-02-18 17:48:52 · 104 阅读 · 0 评论 -
Vue基础技能【四、组件介绍、组件注册、配置选项、动态组件、组件缓存、组件关系】
1、组件的介绍1.1、什么是组件// 组件含义: 名词 // 近义词: 零件// 拥有独立功能,能够帮助我们实现某些页面功能的 “零件” // 网页// 头部是组件、导航是组件、轮播是组件、页脚是组件、 一切皆组件// 小到一个按钮标签 大到 一个页面是组件1.2、组件的特点组件特点: 独立功能 html css js1.3、为什么要用组件...原创 2020-02-18 17:47:44 · 431 阅读 · 0 评论 -
Vue基础技能【三、购物车案例、表单相关、生命周期、学生信息系统案例】
1、Vue实现购物车核心:每个列表先需要添加一个check属性,用于选中。 注意使用 $set进行添加,不然不会响应watch监听数组的变化注意不要使用 computed对数组进行加工。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <...原创 2020-02-18 14:26:07 · 200 阅读 · 0 评论 -
Vue基础技能【二、计算属性、监听器、样式处理、本地存储、$set方法】
1、事件简写和template标签1.1、事件简写<button @click="nums+=100">加100</button>data:{ // 数据 nums:2000}// 适用于简单的运算1.2、template标签作用: 当我们的循环或者if判断的时候,内部的内容不是一个容器标签包裹。 <template v-for="item ...原创 2020-02-18 14:22:06 · 198 阅读 · 0 评论 -
Vue基础技能【一、常用指令和事件绑定】
1.2、Vue的介绍作者:尤雨溪 weex渐近式框架 Vue的设计,借鉴了很多angular的思想版本号: 稳定开发版本 2.6 2019年10月 Vue3.0 公布了源码文档地址:https://cn.vuejs.org/1.3、学习能力文档阅读能力解决问题的能力 (百度,发现问题)2、Vue知识...原创 2020-02-18 14:18:33 · 305 阅读 · 0 评论