vue
weixin_43331769
这个作者很懒,什么都没留下…
展开
-
vue-过渡动画
vue-过渡动画一、一、1:transtrion 包住需要动画得内容2:.v-enter .v-leave-to 设置起始状态和终止状态3:.v-enter-active .v-leave-active 设置进场出场效果原创 2020-02-26 00:31:48 · 171 阅读 · 0 评论 -
router-link
组件内容一、组件间的绝对路径切换1:用a标签的绝对路径2:使用路由组件router-link(声明式导航)3:子路由组件(子路由重定向)4:编程式导航一、组件间的绝对路径切换1:用a标签的绝对路径缺点:如果用户通过地址访问,则无法显示导航栏的高亮显示。比方说,用户通过地址访问你的第三个导航链接,无法看到此链接正在选中状态2:使用路由组件router-link(声明式导航)优点:可以在访...原创 2020-02-24 10:58:16 · 169 阅读 · 0 评论 -
vue-表单预验证
vue-表单预验证一、ref获取实例对象二、表单的校验回调函数(返回boolean值)三、请求路径配置四、vue的弹窗提示(表单)一、ref获取实例对象ref 表示当前组件的实例对象此处的loginFormRef表示表单的实例对象打印this证明:通过this.$refs.loginFormRef可以获得该实例对象二、表单的校验回调函数(返回boolean值)1:通过re...原创 2020-02-24 10:57:41 · 1145 阅读 · 1 评论 -
vue-axios
vue- axios一、axios的基本使用1:简介:2:基本用法3:axios常用ApI3.1:通过get传递参数3.2:通过params传递参数3.3通过DELETE3.4 POST传递参数3.5:PUT传递参数3:axios的响应结果二、axios的全局配置1:请求拦截器2:响应拦截器一、axios的基本使用1:简介:2:基本用法使用前需要提前引入js库文件,下载地址:http...原创 2020-02-11 11:36:51 · 407 阅读 · 0 评论 -
Element-ui 表单、按钮
Ele-Form、ele-button一、Element-ui 表单、按钮二、justify-content属性一、Element-ui 表单、按钮二、justify-content属性.btns{ display: flex; justify-content: flex-end; }表示表单在容器尾部详情请参考:https://www.runoob.com/...原创 2020-02-10 19:44:55 · 2571 阅读 · 0 评论 -
vue项目托管到码云
vue项目托管到码云一、登录码云二、基本设置三、将本地项目托管到码云中一、登录码云官网:http://gitee.com二、基本设置1:在设置中打开SSH公钥、点击生成公钥2:点击公钥管理3:点击生成公钥、然后按照步骤生成4:用记事本打开公钥,公钥的路径为:5:复制公钥码到公钥6:公钥设置完成的验证7:填写yes8:重新在终端中执行命令三、将本地项目托管到码云中1:新...原创 2020-02-10 09:55:06 · 571 阅读 · 0 评论 -
Element-UI项目启动准备
Element-UI一、基本使用1:基于命令形式手动安装:一、基本使用1:基于命令形式手动安装:安装依赖包需要在根文件的终端控制台中处理蓝色区域内容需要在main.js中处理...原创 2020-02-09 22:39:18 · 1486 阅读 · 0 评论 -
脚手架创建项目
脚手架使用原创 2020-02-09 18:20:28 · 676 阅读 · 0 评论 -
ES6模块化
ES6模块化一、模块化的相关规范1.1:默认导出与默认导入1.2:按需导出与按需导入直接导入并执行模块代码一、模块化的相关规范1.1:默认导出与默认导入默认导出默认导入语法import 接收名称 from ‘模块标识符’注意:每个模块中,只允许使用唯一的一次 export default,否则会报错。在m1.js文件中写入:let a = 10;let b = 20;...原创 2020-02-05 23:32:46 · 140 阅读 · 0 评论 -
webpack
webpack一、webpack概述二、webpack的基本使用一、webpack概述二、webpack的基本使用原创 2020-02-05 11:41:29 · 93 阅读 · 0 评论 -
vue-router
vue-router后端路由:前端路由1:概述2:简易的前端路由(手动路由)3:Vue Router3.1、包含的功能3.2、基本使用步骤后端路由:概念:根据不同的用户URL请求,返回不同的内容本质:URL请求地址于服务器资源之间的对应关系前端路由1:概述概念:根据不同的用户事件,显示不同的页面内容本质: 用户事件与事件处理函数之间的对应关系2:简易的前端路由(手动路由...原创 2020-02-03 22:25:05 · 406 阅读 · 0 评论 -
vue- fetch
vue- fetch一、概述一、概述更加简单的数据获取方式,功能更强大灵活,xhr的升级版基于promise实现语法结构:fetch(url).then(fn2) .then(fn3)  ...原创 2020-02-03 17:25:07 · 115 阅读 · 0 评论 -
vue- promise
vue- promise一、基本用法二、基于promise处理Ajax3:promise常用的APIp.then()p.catch()p.finally()一、基本用法实例化promise对象,构造函数中传递函数,该函数中用于处理异步任务resolve 和reject两个参数用于处理成功和失败两种情况,并通过p.then获取处理结果 <script type="text/ja...原创 2020-02-02 00:06:17 · 465 阅读 · 0 评论 -
Vue.js - 过渡transition
Vue.js - 前后端交互 一、前后端的交互模式一、前后端的交互模式原创 2020-01-30 20:30:32 · 111 阅读 · 0 评论 -
Vue.js - 组件
Vue.js - 组件原创 2020-01-28 19:38:17 · 340 阅读 · 0 评论 -
Vue.js - 数组
Vue.js - 数组 一、动态响应一、动态响应两种方式:Vue.set(vm.list, 1, ‘lemon’);vm.$set(vm.list, 1, ‘lemon’);参数一表示要处理的数据名称参数二表示要处理的数组的索引参数三表示要处理的数组的值 <script type="text/javascript"> window.onload = fu...原创 2020-01-27 18:34:48 · 125 阅读 · 0 评论 -
Vue.js - 过滤器
Vue.js - 过滤器 一、自定义过滤器二、局部过滤器一、自定义过滤器格式:Vue.filter(‘upper’, function (val) { return val.charAt(0).toUpperCase() + val.slice(1);});过滤器的使用:插值表达式:< div>{{m...原创 2020-01-23 12:37:55 · 167 阅读 · 0 评论 -
Vue.js -生命周期、自定义指令
Vue.js -自定义指令一、钩子函数二、自定义指令的基本用法三、局部指令一、钩子函数一个指令定义对象可以提供如下几个钩子函数 (均为可选):bind:只调用一次,指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。inserted:被绑定元素插入父节点时调用 (仅保证父节点存在,但不一定已被插入文档中)。二、自定义指令的基本用法作用:eg:加载页面后自动获得焦点 ...原创 2020-01-22 18:56:09 · 263 阅读 · 0 评论 -
Vue.js - 表单操控
Vue.js - 表单一、默认选项二、表单域修饰符1:number2:trim3:lazy一、默认选项radio 的单选操控默认选项采用 value的值来确定,用v-model双向数据绑定来实现checkbox多选的默认选项默认选项采用 value的值来确定,需要在后面加 multiple,用v-model双向数据绑定来实现,不同的是在data数据域中,用数组选定value的值sel...原创 2020-01-22 13:49:27 · 187 阅读 · 0 评论 -
Vue.js - 条件渲染 v-if、循环结构v-for、原始信息v-pre
Vue.js - 条件渲染 一、分支结构v-if结构:表示渲染v-show 表示显示(已经渲染到页面)二、循环结构 v-for直接遍历元素遍历对象中元素三、v-if和v-for的结合使用一、分支结构v-if结构:表示渲染v-ifv-elsev-else-if <script> window.onload = function () { const...原创 2020-01-21 22:31:38 · 191 阅读 · 0 评论 -
class绑定
Vue.js - class绑定 一、class绑定属性:class = "{imgsize: isActive}二、class绑定对象一、class绑定属性:class = "{imgsize: isActive}其中imgsize为class属性名,当isActive的值为true的时候执行class属性名为imgsize的css样式:class = “[‘active’, ‘sze...原创 2020-01-19 22:12:31 · 175 阅读 · 0 评论 -
计算属性-computed 、监听-watch、设置计算属性
Vue.js - 计算属性和监视 一、computed计算属性二、监听属性watch三、设置计算属性一、computed计算属性computed计算属性,可以使定义变量函数,返回新的函数值 <script> window.onload = function () { const vm = new Vue({ el: '#app', ...原创 2020-01-19 17:19:21 · 379 阅读 · 0 评论 -
v-model、v-bind、v-on、v-html、v-text
Vue.js - 双向数据绑定 v-model一、步骤二、声明式显示 {{xxx}}一、步骤引入Vue.js<script src="https://cdn.jsdelivr.net/npm/vue"></script>创建Vue对象el: 指定根element(选择器)data:初始化数据 (model 部分)双向数据绑定: v-model显示数据...原创 2020-01-19 15:18:48 · 263 阅读 · 0 评论