随笔分类 - 前端-vue.js
摘要:1.1 axios 基本用法 安装:npm install axios -S # 也可直接下载axios.min.js文件 1、axios借助Qs对提交数据进行序列化 axios参考博客:https://www.jianshu.com/p/68d81da4e1ad https://www.cnblo
阅读全文
摘要:1.1 vue-element-admin使用 1、使用参考网站 1)官方演示环境: https://panjiachen.github.io/vue-element-admin/#/dashboard 2)官方使用文档: https://panjiachen.github.io/vue-eleme
阅读全文
摘要:VUE数据绑定原理:https://segmentfault.com/a/1190000006599500?utm_source=tag-newest Object.defineProperty():https://developer.mozilla.org/zh-CN/docs/Web/JavaS
阅读全文
摘要:1.1 vue中使用crypto-js进行AES加密解密 参考博客:https://www.cnblogs.com/qixidi/p/10137935.html 1、初始化vue项目 vue init webpack itany cd itany cnpm install npm install c
阅读全文
摘要:1.1 简介 1、Vue Admin 简介 1. Vue Admin 是一个基于 Vue 2.0 & Bulma 0.3 的后台管理面板(管理系统),相当于是 Vue 版本的 Bootstrap 管理系统 2. 提供了一组通用的后台界面 UI 和组件,其中还有丰富的图表组件,开箱即用 官网:http
阅读全文
摘要:1.1 element ui 基本使用 参考网址: http://element.eleme.io/#/zh-CN/component/button 1、初始一个vue项目并安装element ui vue init webpack-simple element-demo cd element-de
阅读全文
摘要:vue其他篇 01: vue.js安装 02: vue.js常用指令 03: vuejs 事件、模板、过滤器 目录: 1.1 初始化项目 1.2 配置API接口,模拟后台数据 1.3 项目整体结构化开发 1.4 项目简化版 1.1 初始化项目 返回顶部 1、初始化项目 vue init webpac
阅读全文
摘要:1.1 初始化项目 1、使用 webpack-simple 模板初始化vue项目 vue init webpack-simple vue-cli-demo # 生成项目模板:vue init 模板名 项目名 cd vue-cli-demo cnpm install # 切换到项目目录安装需要的包 n
阅读全文
摘要:1.1 vue-cli基本使用 官网: https://github.com/vuejs/vue-cli 1、简介 vue-cli 是一个vue脚手架,可以快速构造项目结构 vue-cli 本身集成了多种项目模板: simple 很少用,简单 webpack 包含ESLint代码规范检查和unit单
阅读全文
摘要:1.1 vue-router路由基本使用 官网: https://router.vuejs.org/zh/api/#router-link 1、安装vue-router bower info vue-router # 查看当前vue-router版本 cnpm install vue-route -
阅读全文
摘要:1.1 vuex简介 官网:https://vuex.vuejs.org/zh/guide/ 参考博客:https://www.cnblogs.com/first-time/p/6815036.html 1、什么是Vuex? 1. 官方说法:Vuex 是一个专为 Vue.js应用程序开发的状态管理模
阅读全文
摘要:1.1 初识组件 1、什么是组件 1. Html中有组件,是一段可以被复用的结构代码 2. Css中有组件,是一段可以被复用的样式 3. Js中有组件,是一段可以被复用的功能 4. Vue中也有组件,指的就是一个模块,是一个独立的,完整的(包含html,css,js等),可以直接拿来用的 2、使用组
阅读全文
摘要:1.1 定义路由 1、说明 1. 路由是单页面应用程序(SPA)的关键,Vue提供过来路由插件,使用这个路由就要安装这个插件 2. 安装: npm install vue-router 3. 依赖于vue文件,所有要优先引入vue 4. 引入路由之后,我们就可以基于组件+路由实现单页面应用程序开发
阅读全文
摘要:1.1 项目说明 1、技术架构 vue.js, 模块化,工程化, 移动端 2、目录部署 Css:所有样式文件 Data:所有异步接口 Img:所有图片文件 Js:所有js文件(2.0) index.html 3、结构说明 1. 一个页面看成是一个组件,所以要创建三个组件 2. 页面中只能同时显示一个
阅读全文
摘要:1.1 axios 简介与安装 1、axios简介 1. vue本身不支持发送AJAX请求,需要使用vue-resource、axios等插件实现 2. axios是一个基于Promise的HTTP请求客户端,用来发送请求,也是vue2.0官方推荐的,同时不再对vue-resource进行更新和维护
阅读全文
摘要:1.1 组件的生命周期 1、说明 1. Vue将组件看成是一个有生命的个体,跟人一样,定义了各个阶段, 2. 组件的生命周期:组件的创建过程 3. 组件生命周期钩子函数:当组件处在某个阶段,要执行某个方法,来通知我们,组件进入某个阶段,这个方法就是组件生命周期的钩子函数 4. 组件的创建过程:这些方
阅读全文
摘要:目录:Vue其他篇 01: vue.js安装 02: vue.js常用指令 03: vuejs 事件、模板、过滤器 目录: 1.1 事件 1.2 模板 1.3 自定义过滤器 1.4 过度 1.5 支付宝注册 1.1 事件 返回顶部 1、说明 1. 绑定事件的两种方法: <button @click=
阅读全文
摘要:目录:Vue其他篇 01: vue.js安装 02: vue.js常用指令 目录: 1.1 vuejs简介 1.2 选择器:根据id、class等查找 1.3 静态绑定数据 data 1.4 插值 {{}} 单项绑定 1.5 数据动态绑定:computed 1.6 数据双向绑定 :v-model 1
阅读全文
摘要:1.1 vue.js安装与基本使用 官网:https://cn.vuejs.org/ 1、使用之前,我们先来掌握3个东西是用来干什么的 1. npm: Nodejs下的包管理器。 2. webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的
阅读全文