![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 59
David凉宸
前端领域优质创作者、新星计划第一季Mix赛道新星获得者、前端技能树社区创建人 ----
一分耕耘,一分收获
展开
-
vue手写日历
【代码】vue手写日历。原创 2023-02-24 17:48:42 · 558 阅读 · 1 评论 -
Vue 表单神器 (助你快速开发一臂之力)
vue-ele-form 是基于element-ui form 的二次封装特点有如下几点:内置 20 多种表单类型, 包括选单选、多选、标签、级联选择器等;拥有上传图片增强, 上传视频增强, 上传文件增强,树形下拉选择框, 富文本,表格编辑器, 动态表单, markdown, 地图, 代码编辑器, json 编辑器等丰富的第三方扩展,满足你的更多需求;配备可视化生成表单工具;内置表单校检;表单布局 和 响应式表单;表单分组;联动显示/隐藏、启用/禁用、重新获取 options 值可以通过原创 2022-04-28 14:21:44 · 975 阅读 · 0 评论 -
vue基础
Vue的安装vue的兼容性:Vue 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器可以下载也可以直接引入网络节点:下载地址:下载后就是一个js文件https://cn.vuejs.org/js/vue.jshttps://cn.vuejs.org/js/vue.min.js下载完毕后用script标签引入即可直接引用网络节点://cdn节点<script src="http原创 2021-03-05 08:12:07 · 183 阅读 · 1 评论 -
Vue起步
Vue与原生js对比用一个案例来说明两者的区别:原生js<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-s原创 2021-03-11 07:58:28 · 160 阅读 · 1 评论 -
Vue 的变量绑定区别
直接使用{{value}}绑定变量,会因为加载先后顺序,出现闪屏的现象,官方建议使用ng-bingng-bind=“obj.value”,官方建议把对象的属性绑定在视图上,其次才是对象本身ng-model属于双向绑定 用于Input的输入值和变量绑定起来,不能绑定在div等标签上ng-bind=”value“ 直接把变量绑定在标签上,当超过一定数量时,会出现性能问题...原创 2020-09-17 10:27:53 · 318 阅读 · 0 评论 -
Web前端之vuex基础
什么是VuexVuex是一个专门为Vue.js应用程序开发的一个状态管理模式,它采用了集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化什么是状态管理模式new Vue({ // state data () { return { count: 0 } }, // view template: ` <div>{{ count }}</div> `, // actions meth原创 2021-03-29 20:19:38 · 241 阅读 · 0 评论 -
web前端之Vue判断是否首次进入页面
在created方法中写created() {判断方式1如果页面刷新的话window.performance.navigation.type的值为1,如果值不是1就证明页面首次加载 if (window.performance.navigation.type === 1) { console.log('页面被刷新') } else { console.log('页面首次被加载') }判断方式2如果window.name值为空就证明为首次加载,反之则不原创 2021-03-18 18:11:29 · 4322 阅读 · 0 评论 -
Vue Router 路由中 this.$router 与this.$route区别
this.$router:表示全局路由对象,里面包含属性push(),可以在任意页面实现路由跳转this.$route:表示当前路由对象,里面包含属性name path query params等$router : 是路由操作对象,只写对象$route : 路由信息对象,只读对象$router对象是全局路由的一个实例,是router构造方法的实例push(): push方法的跳转会向 history 栈添加一个新的记录,当我们点击浏览器的返回按钮时可以看到之前的页面replace():跟原创 2021-05-06 11:26:22 · 1391 阅读 · 2 评论 -
5分钟教你解决页面刷新vuex中数据丢失
当我们在vue项目中使用vuex来做全局的状态管理时,我们会发现页面刷新以后,保存在vuex实例store里的数据会丢失vuex中store中的数据有一个特性,在页面刷新时,页面会重新加载vue实例,store里面的数据就会被重新赋值,所以这就是导致vuex中数据丢失的原因最简单的方法就是我们利用js存储技术(localStorage、sessionStorage、cookie)来进行数据的相应储存不过这种js存储技术也是有机效的localStorage:localStorage的生命周期是长原创 2021-05-06 11:02:14 · 672 阅读 · 4 评论 -
一篇文带你使用vue完成一个完整后台
介绍vue-element-admin 是一个后台前端解决方案,它基于 vue 和 element-ui实现。它使用了最新的前端技术栈,内置了 i18 国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。相信不管你的需求是什么,本项目都能帮助到你vue-element-admin定位是后台集成方案,不适合当基础模板进行二次开发,项目集成了许多用不到的功能,会造成代码沉余vue-admin-template是一个后台基础模板,建议使原创 2021-05-26 11:01:46 · 19676 阅读 · 273 评论 -
一文带你使用Vue完成移动端(apk)项目
目录结构:基本配置入口文件main.js首先做一个引入我们的Vant UI组件是按需引入,而Element UI是全部引入所以引用方式也不同main.js完整代码// 引入Vueimport Vue from 'vue'// 引入根组件App.vueimport App from './App.vue'// 引入router路由import router from './router'import store from './store'// 引入axiosimport原创 2021-06-09 13:52:03 · 19111 阅读 · 130 评论