![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
Yin.云端
这个作者很懒,什么都没留下…
展开
-
【干货】顺序执行
(2)区别:Promise.all() 所有数据;Promise.race() 先请求回来数据。,只需将 all 修改为 race。原创 2023-12-06 13:59:54 · 67 阅读 · 0 评论 -
【页面】表格展示
(1)CompOneTable组件可参考。(2)可根据需求进行左右两侧配置。原创 2023-12-05 14:16:55 · 153 阅读 · 0 评论 -
【干货】接口公共方法(字典表查询)
【代码】【干货】接口公共方法(字典表查询)原创 2023-11-28 16:00:56 · 444 阅读 · 0 评论 -
Vue基础篇-初识vue.js
1.vue.js是什么(a)简单小巧(压缩文件17KB);(b)渐进式技术(边学边用不需要学完所有);(c)颠覆传统前端开发(虚拟DOM等概念应运而生);(d)提供现代Web开发的高级功能,如下: 解耦视图与数据(视图,数据单独存在) 复用插件(相似度极高的内容封装在一起) 路由机制(单页面开发必备神器) 状态管理(主要使用vuex中的state...原创 2018-11-08 14:18:00 · 275 阅读 · 0 评论 -
Vue基础篇-计算&监听属性
1.计算属性(a)关键词:cumputed<div id="app"> {{ strRender }} </div>new Vue({ el:"#app", data:{ str:"12345" }, computed:{ strRender(){ this.str="54...原创 2018-11-09 16:27:54 · 448 阅读 · 0 评论 -
Vue总结篇-vue-cli脚手架
1.安装1、安装node,安装简单,直接下一步就完事儿,包管理工具npm也同时安装完成;2、打开命令行工具:开始--运行--cmd--输入node -v--输出版本号就成功了;3、安装webpack,打开命令行工具:开始--运行--cmd--输入npm install webpack -g--等待安装完成;4、打开命令行工具:开始--运行--cmd--输入webpack-v--输出...原创 2018-12-24 14:04:03 · 185 阅读 · 0 评论 -
Vue提高篇-模块打包工具webpack
1.准备高效的开发离不开高效的打包工作,在学习webpack之前我们需要了解一些关于Node.js和NPM相关的知识,在此只会写出基本的用法,以应对接下来要写的重点-webpack。Node.js官网:https://nodejs.org/en/NPM中文网:https://www.npmjs.cn/2.Node.js和NPM相关知识(此乃重点,需专学之,以通小理,贯通古今)1...原创 2018-12-14 16:41:07 · 1112 阅读 · 0 评论 -
Vue提高篇-组件间的通信
1.通信示意图2.props(父级向子级传递)<div id="app"> <my-component icon-text="父传到子的数据"></my-component></div>Vue.component('my-component',{ props:[iconText], template:'&l原创 2018-12-07 13:39:54 · 98 阅读 · 0 评论 -
总结篇-Vue框架相关(未完待续...)
1.MV*的简单理解//MVC框架模式:基于分职责的原则,实现视图,数据,算法的分离。 Model(模型)+View(视图)+controller(控制器) 1.model盛放的就是需要展示的数据和状态变化的数据; 2.view通过controller控制器与Model产生联系; 3.controller是其他两者的协调者; 4.使用...原创 2018-12-19 15:03:20 · 221 阅读 · 0 评论 -
Vue提高篇-生命周期及其钩子函数
1.前言(a)每个Vue实例在被创建之前都要经过一系列的初始化过程,这个过程就是vue的生命周期;(b)vue一整个的生命周期中会有很多钩子函数提供给我们在vue生命周期不同的时刻进行操作;(c)钩子函数中最为常用的是创建(created),挂载(mounted)的操作;2.详解(a)图示周期 (b)各阶段详解beforeCreate 在实例初始化之后,数...原创 2018-11-19 15:56:03 · 119 阅读 · 0 评论 -
Vue提高篇-ES6基础语法
1.变量定义:const-常量定义;let-变量定义2.箭头函数:let fn=(a,b)=>{alert(a+b)}(a)箭头函数可以替换函数表达式,不可替换函数声明;(b)箭头函数中不存在 this 对象,其使用时一般this都指向外层的this对象;(c)箭头函数没有argument伪数组的参数集合;3.模板字符串:字符串或表达式的拼接。let a = 1; ...原创 2018-11-16 14:51:52 · 260 阅读 · 0 评论 -
Vue基础篇-表单双向绑定
1.基本应用(a)输入框(input),文本域(textarea)<div id="app"> <input v-model="message"/> <p>{{ message }}</p></div> <script>new Vue({ el: '#app', dat原创 2018-11-12 15:05:02 · 1261 阅读 · 0 评论 -
Vue基础篇-事件处理器
1.基本用法<div id="app"> <button v-on:click="clickFn('你好')">点一点</button></div> <script>var app = new Vue({ el: '#app', data: { name: ',Vue.js' }, met原创 2018-11-12 11:17:58 · 215 阅读 · 0 评论 -
Vue基础篇-Ajax请求(axios)
1.基础知识(a)vue2.0官方推荐使用axios,vue-resource是vue1.0时代的产物(已然下岗待业);(b)Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中;(c)axios基本功能包括:拦截请求和响应,转换请求数据,并发请求,取消请求,自转换JSON数据等;(d)axios.js脚本文件需自行下载;2.基本语法...原创 2018-11-15 18:06:59 · 198 阅读 · 0 评论 -
Vue基础篇-路由机制
1.模式原理不向服务器发请求而是找到匹配组件或对象,并将其渲染。即为“前端路由”准则。vue实现路由需引入vue-router,其使用的有两种模式,即:hash模式&history模式,下边来简单介绍一下。(1)hash模式 概念:hash是指url尾巴后的 # 及后面的字符,a标签的锚点定位页面就是这种模式。 原理:onhashchange...原创 2018-11-15 16:16:07 · 591 阅读 · 0 评论 -
Vue基础篇-模板语法
1.插值(a)文本(双大括号)<p>{{ message }}</p>(b)html元素(v-html指令)<div id="app"> <p v-html="spanHTML"></p> </div> <script> new Vue(原创 2018-11-08 17:01:51 · 123 阅读 · 0 评论 -
Vue基础篇-自定义指令
1.指令介绍(a)方便执行某种逻辑关系;(b)初始化的有些操作使用自定义指令执行不错;(c)自定义指令一定避免自带指令的名称;(d)与组件类似,自定义指令也分全局指令&局部指令,可根据上一篇进行理解;2.基本写法注册指令:Vue.directive( 指令名称 ,配置项)使用指令:<input v-指令名称 />3.全局组件&局部组件...原创 2018-11-13 16:10:40 · 130 阅读 · 1 评论 -
Vue基础篇-组件注册
1.组件介绍(a)扩展HTML元素;(b)封装可复用代码片段;(c)低耦合,组件和其他代码无冲突;(d)修改功能时,方便快捷;(e)便于协同开发,并行开发最后整合;2.基本写法步骤一:注册组件 Vue.component( 组件名称 ,配置项 );步骤二:使用组件 <组件名称></组件名称>3.全局组件&局部组件全...原创 2018-11-13 10:03:25 · 162 阅读 · 0 评论 -
Vuex总结篇-vue状态管理模式
1.简介0.安装:npm install vuex --save;1.状态管理模式:开发过程中监视变量数值变化的工具;2.统一管理:它采用集中式存储管理应用的所有组件的状态;3.store仓库:vuex的核心,就是一个放数据的容器;3.响应式:状态变化会影响其使用的组件进行新的渲染和更新;4.显式变更数据:不能直接改变 store 中的状态。改变 store 中的状态的唯一...原创 2018-12-24 15:13:09 · 113 阅读 · 0 评论