setupComponent 基于实例 instance， 对于 vnode.props 执行 initProps ， 将 vnode.props上的属性 遍历后存在一个新的对象 props里面，然后存入 instance.props 基于实例 instance， 对于 vnode.children执行 initSlots， 将 vnode.children上的属性 遍历后存在一个新的对象 slo…
vue中提供了很多很好用的语法糖给我们使用,其中获取原生事件.native就是一种很好的方式: 但是,正如VUE官方文档所说的: 不过在你尝试监听一个类似 <input> 的非常特定的元素时，这并不是个好主意。比如上述 <base-input> 组件可能做了如下重构，所以根元素实际上是一个 <label> 元素 <label> {{ label }}…
一、安装vue.js 1.简介 Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。 Vue.js 的目标是通过尽可能简单的 AP…
官网:https://v3.cn.vuejs.org/guide/introduction.html 目录 一、单页面应用程序 二、创建SPA 三、vite项目结构 四、Vue的组件构成 一、单页面应用程序 单页面应用程序 （英文名： S ingle P age A pplication）简称 SPA，指的是 一个 Web 网站中只有唯一的一个 HTML 页面 ，所有的 功能与交互都在这唯一的一个…
(vue)iView隐藏表格列 <Table ref="selection" :columns="colHidden" :data="tableData"> </Table> data(){ return { columns:{ { type: "selection", width: 60, align: "center", }, ... { type: "描述", key…
Error: Avoided redundant navigation to current location: "/X". 解决：在router文件夹下的index.js中加入代码： import Vue from 'vue' import Router from 'vue-router' import Chat from '../components/Chat.vue' import User…
在vue中使用jquery的方法：首先通过cnpm命令安装jQuery依赖；然后修改“webpack.base.conf”文件配置；最后在组件中引入jquery进行使用即可。 一、安装jQuery依赖 在使用jQuery之前，我们首先要通过以下命令来安装jQuery依赖： npm install jquery --save //如果你更换了淘宝镜像，可以使用cnpm来安装，速度更快 cnpm in…
这是webpack的路径别名，相关代码定义在配置文件webpack.base.config里： resolve: { // 自动补全的扩展名 extensions: ['.js', '.vue', '.json'], // 默认路径代理 // 例如 import Vue from 'vue'，会自动到 'vue/dist/vue.common.js'中寻找 alias: { '@': resolv…
前后端交互 一、请求时，要求携带参数或者请求头怎么写 二、获取后端数据，如何按照格式获取 一、 1.1 每个 请求都要求携带上token， 位置：请求头 那么可以进行全局配置，在上次的 博客 中有详细说到如何配置。 1.2 个别 请求要求携带userId， 位置：请求头 一般来说，userId都是在登录成功的时候，存放在localStorage中，那么我们去那里提取就好啦~ let userId …
vue cli4中引用bootstrap框架的两种方法 bootstrap前端框架，是目前全球最流行的前端样式。 由于目前网上没有一个基于bootstrap v4.x的与vue cli 4.x结合引用的教程，所以不才动手，整理一下，希望于大家有用。 本教程同时还结合与bootstrap 4中文官方站http://code.z01.com/v4 生态，将zico图标库一并讲解。 方法一：在Vue c…