一、背景在开发项目的过程中,有时修改后台的数据变化可能不会及时更新到页面上,此时就需要我们刷新页面更新数据,但是直接调用刷新window.location.reload()可能对操作的体验不是很好,所以就需要下面的方法。列举个场景,比如修改主体content内容,我想要刷新主体部分的组件,但是不刷新title和aside组件,怎么实现呢?实现方法就是在想要刷新的组件中封装一个方法,当需要刷新页面时
转载 2023-11-24 21:30:55
185阅读
vue组件的定义● 组件(Component)是Vue.js最强大的功能之一● 组件可以扩展HTML元素,封装可重用代码● 在较高层面上,组件是自定义元素,Vue.js的编译器为他添加特殊功能● 有些情况下,组件也可以表现用 is 特性进行了扩展的原生的HTML元素● 所有的Vue组件同时也都是Vue实例,所以可以接受相同的选项对象(除了一些根级特有的选项),并提供相同的生命周期钩子vue组件的功
转载 2024-02-04 02:10:19
72阅读
1. 组件化开发思想 p4881.1 编程中组件化思想体现标准分治重用组合组件 (Component) 是 Vue.js 最强大的功能之一组件可以扩展 HTML 元素,封装可重用的代1.2 组件化规范:Web Components尽可能多的崇勇代码自动移组件的方式不太容易(html、css和js)多次使用组件可能导致冲突Web Components通过创建封装好功能的定制原始解决上述问题vue部分
转载 2021-01-29 10:41:57
452阅读
2评论
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> </head> <body> <div id="ap
转载 2021-07-05 17:10:00
153阅读
2评论
...
转载 2021-10-14 10:31:00
781阅读
2评论
1. created() //生命周期函数非常重要,调用方法,返回给data数据 created(){ this.username = '哇哈哈' } 2.父向子传值,自定义属性 // 导入子组件。 import Left from '@/components/Left.vue' //引入组件 co ...
转载 2021-10-22 16:02:00
178阅读
2评论
// 局部组件命名规范 1文件名大驼峰 MyLocalBtn.vue 2 使用的时候 将驼峰转化为横杠 <my-local-btn></my-local-btn> MyLocalBtn.vue局部组件 <template> <div> <div>我输局部组件 {{valuea}}</div> </d
原创 2022-09-01 17:50:35
308阅读
'total' is assigned a value but never used no-unused-vars  当页面报这种错误就很烦,明明定义了,也用了,却提示没有被用,出现这种原因是,创建项目的时候选择了Eslint,语法检验。此时我们在声明的地方使用//eslint-disable-line no-unused-vars即可解决!var total = 0; //e
原创 2023-09-08 14:30:01
112阅读
菜单表 menu_id, parent_id,order_num查询给前端的 select menu_id,parent_id,order_num from menu order by parent_id,order_menu前端处理 参数说明 : data :获取的数组 id: 比如 menu_id 后面的可以不传。示例数组(后台查出):[ {menu_id: 1, parent_id:
转载 7月前
71阅读
Vue嵌套路由: 实现效果(路由三层嵌套,点击一级tab显示二级tab效果,二级tab点击切换对应内容,不在tab区域里的内容,切换时不重复渲染):Demo访问时路径:http://IP:端口/#/routers/image.png1.建立案例文件夹 page/routers/image.png1 routers/index.vue<template> <div>
转载 2024-02-02 09:54:40
23阅读
创建util.vue let util={}; util.dd=function(param){ ...... }; 使用util.vue import util from "../lib/util"; util.dd;
oo
原创 2023-05-11 11:08:45
94阅读
Document
转载 2020-03-20 08:42:00
130阅读
2评论
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> </head> <body> <div id="ap
转载 2021-07-05 18:39:00
139阅读
2评论
vue全局路由守卫,一般用在登录token进行判断,这个场景比较常见,就不再记录 现在有一个场景就是移动端导航栏进入到另一个界面再返回到导航栏的界面,会重定向到首页。 比如这个界面进入到岗位信息/我的收藏/我的发布/意见反馈界面再按返回(这里我没有进入的界面的路由嵌套在导航栏里),这个会返回到首页界 ...
转载 2021-07-29 11:28:00
353阅读
2评论
使用场景点击按钮(或某变量改变时),在不刷新整个页面的情况下,局部刷新(重绘)图表,或者重新加载子组件。实现方案1. 在需要局部
原创 2022-07-12 16:13:09
1723阅读
<body> <div id="app"> <component1></component1> <component1></component1> <component2></component2>
原创 2022-06-27 11:15:34
481阅读
指令在Vue中是个很重要的功能,在Vue项目中是必不可少的。根据官网的介绍,指令 (Directives) 是带有 v- 前缀的特殊属性。指令的职责是,当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM。 例如:<p v-if="seen">现在你看到我了</p>如上所示:其中,v-是Vue的标识,if是指令ID,yes是expression。yes是MVVM中
转载 8月前
12阅读
一、element-plus官方文档1.安装npm install element-plus --save2.全局引入全部组件全局引入很简单,但影响我们首屏的加载速度,要求加载的东西越少越好,所以前期我们就先全部引入,后期我们再修改成按需引入import { createApp } from 'vue' import ElementPlus from 'element-plus'; import
转载 2024-09-13 00:26:02
117阅读
Ant Design 引入vue2项目1.安装指定版本的ant-design-vue UI框架(当项目为vue2项目时)npm i --save ant-design-vue@1.7.82.vue2项目引入在main.js中import Antd from 'ant-design-vue'; import App from './App'; import 'ant-design-vue/dist/
```html Document ```
转载 2020-03-31 16:36:00
142阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5