[前端开发]VUE——组件（四）组件的高级用法
一、递归组件组件在它的模板内，可以递归的调用自己，只要给组件设置name的选项就可以 div id=appchild-component :count=1/child-component/divscript type=text/javascriptVue.component(child...
前端开发
[前端开发]安装并使用Vue CLI
以管理员身份运行cmd 安装Vue CLI命令行接口：cnpm i -g @vue/cli 查看Vue CLI版本：vue --version 升级Vue CLI版本：cnpm update -g @vue/cli 使用Vue CLI创建一个Vue项目：cd D:\Projects #进入项目文件夹vue...
[前端开发]new Vue() vs createApp()
从一个入口开始vue3从发布正式版到现在已经过去半年左右，大家聚焦讨论的重点集中在响应式api 和组合式api，无可厚非，这俩个api的变化确实可以直接影响到整个vue应用的开发方式和体验，今天我们来谈一个不那么起眼的...
[前端开发]【有手就行系列】Vue快速入门案例
第一个Vue程序开发这是一个vue入门小案例 文章目录第一个Vue程序开发一、认识Vue二、Vue的两个部分三、整个代码及其运行结果一、认识VueVue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设...
[前端开发]vue-cli3项目三之模块化vuex
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 今天对vuex中的module模块如何使用进行说明调整 1、vue-qui...
[前端开发]vue-cli2 单个组件打包为js
vue-cli2 单个组件打包为jsvue-cli2和vue-cli3参考这篇文章 还有这篇文章 vue-cli3有更多的默认配置支持更多场景，支持直接把组件打包成js的脚本，不用配置vue-cli2vue-cli2开发小组件建议直接使用vue init simp...
[前端开发]vuecli2.9.6卸载不掉，解决方案
vue-cli升级失败，折腾了好久都没升级成功。问题描述如下：因为我之前 vue-cli 2.9.6版本是全局安装的，根据官方文档，升级前要先执行 npm uninstall vue-cli -g 卸载旧的版本。卸载完后输入：vue -V ，会提示 ‘...
[前端开发]vue中set方法
先上一坨代码bodydiv id=appdiv v-for=(item, key, index) of userInfo{{item}} --- {{key}} --- {{index}}/div/divscriptvar vm = new Vue({el: #app,data: {userInfo: {name: pengyidong,age: 22,...
[前端开发]vue基础4（完）
@目录接口调用方式异步promise基于Promise发送Ajax请求Promise 基本API实例方法.then().catch().finally()静态方法.all().race()fetchfetch API 中的 HTTP 请求fetchAPI 中 响应格式axiosaxios基础用法axios 全局配...
[前端开发]Vue3停止支持IE的几点原因
Vue3停止支持IE的几点原因IE对Proxy不支持，Vue要使用Proxy = Evan You 带着 Vue3抛弃IEIE是一个过去式，微软自己都开发了一个Edge = 自己公司抛弃 IE一些政府机关网站（遗留系统）以前很喜欢IE,现在会提示...
[前端开发]Vue中v-for key的使用注意事项
一，创建页面div id=appdivlabel for=Idinput type=text v-model=id/labellabel for=nameinput type=text v-model=nameinput type=button value=添加 @click=add/label/div...
[前端开发]Vue指令之v-if和v-show
一，总结1、v-if 的特点： 实现方式：根据后面数据的真假判断是否重新删除或创建元素。 性能消耗：有较高的切换性能消耗。 编译过程：v-if 切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内...
[前端开发]vue.js 学习笔记
vue学习初步学习1、vue 基础1.1 vue 简介1.2 第一个vue程序1.3 el 挂载点1.4 data：数据对象2、本地应用2.1 v-text指令2.2 v-html指令2.3 v-on指令基础2.4 本地应用-计数器2.5 v-show指令2.6 v-if指令2.7 v-bind指...
[前端开发]vue keep-alive以及activated,deactivated生命周期的用法
vue官网的描述：keep-alive 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 transition 相似，keep-alive 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在父组件链中。当组件在 ...
[前端开发]vue实现双向绑定原理
vue实现双向绑定原理原理vue数据双向绑定通过‘数据劫持’ + 订阅发布模式实现数据劫持指的是在访问或者修改对象的某个属性时，通过一段代码拦截这个行为，进行额外的操作或者修改返回结果典型的有1.Object.defin...