![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 54
小窝咪嗷
事无所祈,心有坚毅
展开
-
uniapp上传图片视频app选择媒体
uniapp上传图片视频(媒体)原创 2022-12-27 15:44:46 · 1158 阅读 · 1 评论 -
vue的一些概念02
1.Vue中computed与method的区别相同点:如果作为模板的数据显示,二者能实现响应的功能,唯一不同的是methods定义的方法需要执行不同点:1.computed 会基于响应数据缓存,methods不会缓存;2.diff之前先看data里的数据是否发生变化,如果没有变化computed的方法不会执行,但methods里的方法会执行3.computed是属性调用,而methods是函数调用2.虚拟DOM中key的作用2.1用index作为key可能会引发的问题若对数据进行:原创 2022-01-18 15:48:16 · 898 阅读 · 0 评论 -
vue常用的一些方法
vue中数组的相关应用一:v-for中的key属性作用:如果是index作为key,在中间插入新节点,则后面的位置都变了,都会重新更新节点如果加入key,每一个都是唯一的,在中间插入新节点,只会更新中间的节点好处:为了更高效地更新虚拟dom二:计算总和(js)reduce方法的使用let arr=[1,2,3,4]arr=arr.reduce(function(pre, current){ return pre+current})// 1+2+3+4三:计算属性1.计算原创 2022-01-14 14:52:30 · 2083 阅读 · 2 评论 -
在vue项目中点击跳转新页面单独的html
在vue项目中点击跳转新页面一:在public文件下新建一个文件夹1.文件名可以根据内容命名2.该文件夹下面的文件是index3.跳转新页面用到空白页面window.open("/文件夹名称", “_blank”);4.即要在项目中显示,也要跳转页面显示,用到embed二:引用html的文件的页面1.我起的文件夹名称是htmlModel2.访问的是htmlModel文件夹下面的index.html文件<template> <div> <div原创 2022-01-14 10:50:29 · 6248 阅读 · 2 评论 -
vue项目之状态管理,文件store下的index文件
状态管理文件是store下的index.js文件import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ // 数据,可以共享访问 state: { isLoading:'' }, // 方法,可以改变属性值 mutations: { setLoading(state, isLoading) {原创 2022-01-13 14:32:56 · 1045 阅读 · 0 评论 -
生成二维码,并且打印
生成二维码打印原创 2022-01-13 14:17:36 · 687 阅读 · 0 评论 -
路由技术之router文件夹下的index.js文件
路由技术路由文件的内容在router文件下的index.js文件引入路由import Vue from 'vue'import VueRouter from 'vue-router'const routerPush = VueRouter.prototype.pushVueRouter.prototype.push = function push(location) {return routerPush.call(this, location).catch(error => erro原创 2022-01-12 18:05:03 · 2619 阅读 · 0 评论 -
组件的复用
1、组件的复用父子组件传递数据父组件传给子组件要prop子组件传给父组件要emit在有些情况下,我们需要对一个 prop 进行“双向绑定”。官方推荐以update:my-prop-name 的模式触发事件(因为以真正的双向绑定方式会带来维护上的问题--子组件可以变更父组件,且在父组件和子组件都没有明显的变更来源)sync 修饰符 实现父子组件同步数据父组件中:<child-page :data.sync="childData"></child-page><!-原创 2022-01-12 17:20:12 · 1640 阅读 · 0 评论