随笔分类 - vue
Vue笔记
摘要：导读： 在vue-router中，在当前页面中点击当前页面的路由，页面是不会进行刷新的，如何做到点击当前页面并进行刷新呢？ 解决方法: this.$router.go(0); location.reload() 上两种方法 都会出现闪屏的问题 影响用户体验。如何做到页面刷新不闪屏呢？ 用一个空页面做
阅读全文
摘要：前言# 多级组件嵌套需要传递数据时，通常使用的方法是通过vuex。如果仅仅是传递数据，而不做中间处理，使用 vuex 处理，未免有点杀鸡用牛刀。Vue 2.4 版本提供了另一种方法: 使用 v-bind=”$attrs”, 将父组件中不被认为 props特性绑定的属性传入子组件中，配合 interi
阅读全文
摘要：v-model双向绑定 v-model的用法 v-model是表单和数据的双向绑定 通俗讲也就是value和data的双向绑定 v-model的原理 v-model其实是一个语法糖，它的背后本质上是包含两个操作： v-bind绑定一个value属性 v-on指令给当前元素绑定input事件 等同于下
阅读全文
摘要：v-bind动态绑定 v-bind的基本用法 <img v-bind:src="vHref" alt=""> 动态绑定class（对象语法） 用法一 class以对象的形式绑定，当类名为true的时候class存在，为false时不存在 和普通的类同时存在，并不冲突，普通类可以作为必备class存在
阅读全文
摘要：前端模块化 为什么要用模块化，因为可以解决两个问题 变量命名冲突 代码复用 ES6中的导出export和导入import export导出的二种用法 普通导出：直接定义变量/函数/类/对象的时候前面就加exprot export {变量名1,变量名2} **default导出：**如果导入的时候我想
阅读全文
摘要：vue router 路由 什么是前端渲染，什么是后端渲染 后端路由 由后端服务器html+css+java动态绑定数据并渲染好一个页面，直接发送到前端。 优点是有利于seo优化，缺点html和数据逻辑混在一起，难以维护 前后端分离 随着Ajax出现，后端只负责数据，前端去静态服务器请求html+c
阅读全文
摘要：VueX状态管理 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。 它采用 集中式存储管理 应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-tra
阅读全文
摘要：Vue CLI的使用 安装Vue脚手架 //默认安装最新版本 npm install g @vue/cli //或者一起安装脚手架全局服务器 npm install g @vue/cli @vue/cli service global 注意：我这里安装的是Vue CLI 4.1.2的版本 如果需要按
阅读全文
摘要：slot插槽的基本使用 类似电脑的usb，使用接口给电脑增加不同的功能，键盘/音响，而不是直接在组件里添加 介绍： 默认自定义标签内不允许添加内容，而插槽可以让我们在内部添加内容 封装方法： 抽取共性，保留不同。 使用方法： 直接在template中插入slot空标签，即可在自定义标签中插入内容，内
阅读全文
摘要：Vue组件化开发 步骤 Vue.extend创建组件构造器,并传入template自定义我们的模板 Vue.component注册组件，传入两个参数('注册组件的标签名',组件构造器) 必须挂载到Vue实例中使用组件标签 注意： 组件构造器必须在new Vue的前面创建，注册。不然无法使用 temp
阅读全文
摘要：事件总线 在非父子组件中是无法直接通信的。 在vue中除了vuex可以统一管理状态，还有另外一种方法叫事件总线 原理： 在vue原型中创建Vue实例，利用vue的事件总线进行发射接收 创建$bus Vue.prototype.$bus = new Vue() 发射事件 //参数可以省略 this.$
阅读全文
摘要：方法和函数的区别 面向对象的时候称为方法，面向流程的时候叫函数。 方法是作为一个对象实例的属性的函数 生命周期 生命周期：事务从诞生到消亡的整个过程 以下是生命周期函数，可以在某个周期做某件事 [ 'beforeCreate', 'created', //组件创建完成 'beforeMount',
阅读全文
浙公网安备 33010602011771号