![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 59
金憨憨_
这个作者很懒,什么都没留下…
展开
-
Vue知识汇集 -- 自用(欢迎指错,随时补充)
1、vue中的data为什么是一个函数而不是一个对象?防止数据污染。 函数在每次使用的时候都会创建并返回一个新的实例,从而实现数据的独立。如果使用对象的话,会造成数据的共用从引发系列问题。2、vue的生命周期钩子beforeCreatedcreatedbeforeMountmountedbeforeUpdatedupdatedbeforeDestroydestoryactivateddeactivatedbeforeUnmountunmountederrorCaptured原创 2022-01-06 17:57:59 · 766 阅读 · 0 评论 -
vuex 回顾
安装和使用//npm install vuex --save//src/store/index.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({ state:{ count:0 }, mutations:{ increment(state) { state.count++ } }})export default store//m原创 2021-11-16 17:50:58 · 489 阅读 · 0 评论 -
$event记录和自定义属性data-
$event指的是当前触发的事件在vue中使用<input @input="msg = $event.target.value" :value="msg" />data() { return { msg:'' }}.methods:{ }使用$event.target就可以拿到触发当前事件的dom自定义属性data-自定义 , 我们可以通过$event.dataset.自定义来获取这个值<input data-name="输入框" @input="c原创 2021-11-11 14:06:49 · 1225 阅读 · 0 评论 -
avue中upload类型文件删除实际未删除的坑记录
<avue-crud v-model="from" :upload-delete="uploadDelete"></avue-crud>uploadDelete(column, file) { return new Promise((resolve, reject) => { this.$confirm("此操作将永久删除该文件, 是否继续?", "提示", { confirmButtonText: "确定", cancelB.原创 2021-10-26 17:19:06 · 841 阅读 · 0 评论 -
Vue原理1.2 ——响应式及视图更新
// 注:以下资料出自 掘金小册《剖析 Vue.js 内部运行机制》 加上自己的理解以及对部分词汇的注解响应式 当使用new Vue()进行初始化的时候,最为重要的是会通过Object.defineProperty来设置setter与getter函数,来实现【响应式】和【依赖收集】。关于Object.definePropetry介绍1、语法Object.defineProperty(obj, prop, descriptor)2、参数obj 要定义属性的对象。prop 要定义或修改原创 2021-09-03 15:54:06 · 306 阅读 · 0 评论 -
Vue原理1.1 ——初始化挂载编译
// 注:以下资料出自 掘金小册《剖析 Vue.js 内部运行机制》 加上自己的理解以及对部分词汇的注解全局概览初始化及挂载 在我们进行一个 new Vue() 的操作后, Vue会调用 _init 函数进行初始化,它会进行初始化生命周期、事件、props、data、computed、watch等,在初始化过程后,将调用 $mount 来进行挂载组件,如果是在运行的时候进行编译,即不存在render function但是存在template的情况下,需要进行【编译】步骤编译 compil原创 2021-09-03 10:51:50 · 136 阅读 · 0 评论 -
Vue Router —— 基础
安装方式(vue)1、npm安装npm install vue-router** main.js **import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)2、CDN引入在index.html中引入,vue-router文件。这样可以减小打包的文件体积,且无需安装。** index.html **<script src="<%= BASE_URL %>cdn/vue-rout原创 2021-09-01 15:52:20 · 98 阅读 · 0 评论 -
vue路由的两种模式--hash和history
大家都知道在vueRouter中,我们可以通过mode来改变路由模式,可选为hash和history。hash hash指的是location里面#以及它后面的部分。也被成为锚点,通常用来定位,它的改变不会造成页面的刷新。 我们可以通过window.location.hash来获取当前的hash值。** 拓展:url各部分获取 **hash 设置或返回从井号 (#) 开始的 URL(锚)。host 设置或返回主机名和当前 URL 的端口号。hostname 设置或返回当前 URL 的主原创 2021-08-24 17:34:45 · 3149 阅读 · 0 评论 -
vue.config.js -- 初识
vue.config.js 是一个可选的配置文件,如果项目的 (和 package.json 同级的) 根目录中存在这个文件,那么它会被 @vue/cli-service 自动加载。 这个文件应该导出一个包含了选项的对象:module.exports = { // 选项...}...原创 2021-08-17 14:49:13 · 215 阅读 · 0 评论