![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
Roselane_Begger
这个作者很懒,什么都没留下…
展开
-
使用Vue自定义指令v-loadmore实现列表下拉加载
使用Vue自定义指令实现列表下拉加载参考链接: https://www.cnblogs.com/Neilisme/p/10245588.html1、在 main.js 同级创建 directive.js 注册自定义指令import Vue from 'vue'Vue.directive('more', { bind(el, binding) { var p = 0; var t = 0; var down = true; el原创 2020-06-17 15:19:28 · 1436 阅读 · 1 评论 -
Vue评星组件开发
star文件夹下建立Star.vue,及相关的图片信息。便于组件的就近维护Star.vue<template> <div class="star" :class="starSize"> <span v-for="(itemClass,key) in itemClasses" :class="itemClass" class="star-i...原创 2019-11-04 21:15:37 · 140 阅读 · 0 评论 -
vue项目真机测试
windows系统下cmd中输入ipconfig获得本机ip地址(mac系统下输入ifconfig),如下图:修改package.json(修改配置项文件需要重启服务器),加入一句--host 0.0.0.0我们需要的地址就为:http://192.168.137.1:8080,将此地址发送到同一局域网内的手机,即可打开真机进行测试。也可以借助草料二维码可以生成项目地址...原创 2019-03-31 22:12:18 · 528 阅读 · 0 评论 -
vue.js基础入门
vue.js基础入门该文章只是我对vue基础知识的一点总结,详细vue知识请看Vue官方文档。一、什么是vue.js是一个轻量级MVVM框架,数据驱动+组件化的前端开发。数据驱动:数据响应原理——数据(model)改变驱动视图(view)自动更新。组件化:扩展html元素,封装可重用代码。组件设计原则页面上每个独立的可视/可交互区域视为一个组件每个组件对于一个工程目录,组...原创 2019-04-14 20:18:09 · 279 阅读 · 0 评论 -
简单理解Vue中的nextTick
简单理解Vue中的nextTick定义:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。一、示例先来一个示例了解下关于Vue中的DOM更新以及nextTick的作用。模板<div class="app"> <div ref="msgDiv">{{msg}}</div> <div v-...转载 2019-07-12 13:20:19 · 159 阅读 · 0 评论 -
vue将时间戳转化为日期格式
date.jsexport function formatDate (date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)); } let o = { '...原创 2019-09-14 21:53:32 · 395 阅读 · 0 评论 -
Vue整体实现流程
1.解析模板成render函数<div id="app"> <p>{{price}}</p></div>// render函数with(this){ // this即vm return _c( 'div', { attrs: {"id": "app"} }, [...原创 2019-09-18 15:24:22 · 428 阅读 · 0 评论 -
vue的两种路由模式:hash与history
hash模式hash ——即地址栏URL中的#符号(此hsah 不是密码学里的散列运算)。 比如这个URL:http://www.abc.com/#/hello, hash 的值为#/hello。它的特点在于:hash 虽然出现URL中,但不会被包含在HTTP请求中,对后端完全没有影响,因此改变hash不会重新加载页面。 hash模式背后的原理是onhashchange事件,可以在w...原创 2019-09-18 20:50:39 · 222 阅读 · 0 评论 -
Vuex
Vuex一、Vuex是什么?vuex是一个专为vue.js应用程序开发的状态管理模式(它采用集中式存贮管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化)。简单来说:Vuex解决项目中多个组件之间的数据通信和状态管理。Vuex将状态管理单独拎出来,应用统一的方式进行处理,采用单向数据流的方式来管理数据。用处负责触发动作(Action)进而改变对应状态(State),...原创 2019-10-09 22:09:54 · 220 阅读 · 0 评论