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 · 202 阅读 · 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 · 193 阅读 · 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 · 176 阅读 · 0 评论 -
Vue基础技能【七、vue-router路由知识】
1、路由的概念路由的概念：后端的路由：对于普通的网站，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源前端的路由：对于单页面应用程序来说，主要通过URL中的hash(#号)来实现不同页面之间的切换，同时，hash有一个特点：HTTP请求中不会包含hash相关的内容；所以，单页面程序中的页面跳转主要用hash实现；单页面的概念：多页面：MPA mul...原创 2020-02-18 17:53:08 · 234 阅读 · 0 评论 -
Vue基础技能【六、自定义指令、过滤器、插槽、动画】
1、自定义指令1.1、定义指令作用：帮助我们实现对于一些原生DOM的操作。比如说，页面一进入输入框就获取焦点；比如焦点离开输入框就开始验证。定义自定义指令：全局注册Vue.directive('指令名',{ 配置项 })// 全局注册要放在Vue实例化之前局部注册new Vue({ el:"", ... directives:{ 指...原创 2020-02-18 17:51:06 · 220 阅读 · 0 评论 -
Vue基础技能【五、组件数据通信】
1、方法1：父子关系进行通信(父子之间)1.1、父传子思路： 父要获取到该子组件，然后给该子组件修改数据。核心：父要如何获取到子实现： 父组件内部 通过 this.$refs 来获取到子组件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...原创 2020-02-18 17:48:52 · 123 阅读 · 0 评论 -
Vue基础技能【四、组件介绍、组件注册、配置选项、动态组件、组件缓存、组件关系】
1、组件的介绍1.1、什么是组件// 组件含义： 名词 // 近义词： 零件// 拥有独立功能，能够帮助我们实现某些页面功能的 “零件” // 网页// 头部是组件、导航是组件、轮播是组件、页脚是组件、 一切皆组件// 小到一个按钮标签 大到 一个页面是组件1.2、组件的特点组件特点： 独立功能 html css js1.3、为什么要用组件...原创 2020-02-18 17:47:44 · 491 阅读 · 0 评论 -
Vue基础技能【三、购物车案例、表单相关、生命周期、学生信息系统案例】
1、Vue实现购物车核心：每个列表先需要添加一个check属性，用于选中。 注意使用 $set进行添加，不然不会响应watch监听数组的变化注意不要使用 computed对数组进行加工。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <...原创 2020-02-18 14:26:07 · 224 阅读 · 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 · 235 阅读 · 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 · 328 阅读 · 0 评论