- 博客(11)
- 收藏
- 关注
RSS订阅原创 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
885
原创 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
2070
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
6137
2
原创 在vue上动态添加clss或者style
在vue上动态添加clss或者style <div id="app"> <!--多个类名,有判断条件，控制标签的类名 :class= 的值可以是 js对象 {类名：布尔值} --> <div class="box" :class="{box1:bool1, box2:bool2}"></div> <!--多个类名，没有判断条件,控制标签的类名 :class= 的值可以是 数组 [类名1，类名2] --&
2022-01-13 14:51:57
207
原创 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
1030
原创 路由技术之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
2569
原创 组件的复用
1、组件的复用父子组件传递数据父组件传给子组件要prop子组件传给父组件要emit在有些情况下，我们需要对一个 prop 进行“双向绑定”。官方推荐以update:my-prop-name 的模式触发事件(因为以真正的双向绑定方式会带来维护上的问题--子组件可以变更父组件，且在父组件和子组件都没有明显的变更来源)sync 修饰符 实现父子组件同步数据父组件中：<child-page :data.sync="childData"></child-page><!-
2022-01-12 17:20:12
1610
原创 js日历打印
要引入插件具体怎么引入依赖参考官网import Print from 'vue-print-nb'Vue.use(Print)html部分,template部分 <el-date-picker :clearable="false" v-model="sYearMon" type="month" placeholder="年月" size="mini" value-form
2022-01-12 09:30:18
307
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人