VueJS
文章平均质量分 90
VueJS
fmk1023
这个作者很懒,什么都没留下…
展开
-
Vue3的新特性
vue3新特性原创 2023-02-14 17:45:30 · 2411 阅读 · 0 评论 -
Vue3.0学习笔记
Vue3.0学习笔记原创 2023-02-14 15:21:36 · 828 阅读 · 0 评论 -
Vue中mixins的使用
mixins原创 2023-02-13 17:40:53 · 2734 阅读 · 0 评论 -
uni-app 学习笔记
文章目录1. uni-app 基础1.1 什么是uni-app1.2 uni-app的优点1. uni-app 基础官方文档1.1 什么是uni-appuni-app是一个使用Vue.js语法来开发所有前端应用的框架(也称之为全端开发框架)开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/快手/钉钉/淘宝)、快应用等多个平台。技术栈:JavaScript,vue, 微信小程序, uni-app1.2 uni-app的优点原创 2021-09-27 16:26:20 · 3581 阅读 · 0 评论 -
Vue和React区别
文章目录react 与 vue 的区别一.Vue和React相同点·二.react 与 vue 的区别2.1 运行时性能2.1.1 更新粒度2.1.2 渲染处理2.1.3 更新流程三.核心思想不同3.1 核心思想不同导致写法差异3.2 核心思想不同导致api差异3.3 核心思想不同导致社区差异3.4 核心思想不同导致未来升级方向不同四. Virtual DOM + Diff1.1 为什么Vue和React都选择Virtual DOM1.2 Diff算法react 与 vue 的区别官方文档一.Vue和原创 2021-04-22 10:24:45 · 452 阅读 · 1 评论 -
Vue2学习笔记
文章目录Vue学习笔记第1章:Vue入门1.1 Vue简介1.1.1 官网1.1.2 介绍描述1.1.3 Vue的特点1.1.4 与其它前端 JS 框架的关联1.1.5. Vue 扩展插件1.2 Vue的基本使用1.2.1 编码1.2.1. 理解 Vue 的 MVVM1.3 模板语法1.3.1 模板的理解1.3.2 双大括号表达式1.3.3 指令一: 强制数据绑定1.3.4 指令二: 绑定事件监听1.4 计算属性和监视1.4.1 computed 计算属性1.4.3. watch 监视属性1.4.4. 计算原创 2021-01-28 13:51:01 · 855 阅读 · 0 评论 -
异步操作学习笔记
文章目录axios异步请求一、异步1.1 什么是单线程?1.2 为什么JavaScript是单线程?1.3 异步出现的原因?二、事件轮询 event-loop2.1 什么是event-loop/运行流程?三、ajax四、setTimeout五、axios5.1 axios基本使用5.2 axios全局配置5.3 常见的配置选项5.4 同时发送两个请求5.5 axios实例5.6 axios封装5.7 axios拦截器axios异步请求一、异步1.1 什么是单线程?JavaScript是单线程语言。只原创 2021-01-15 13:50:24 · 941 阅读 · 1 评论 -
vue中ref和$refs的介绍及使用
文章目录Vue中ref和$refs的介绍及使用ref介绍this.$refs介绍实例(通过ref特性调用子组件的方法)【1】子组件code:【2】父组件code:Vue中ref和$refs的介绍及使用在JavaScript中需要通过document.querySelector("#demo")来获取dom节点,然后再获取这个节点的值。在Vue中,我们不用获取dom节点,元素绑定ref之后,直接通过this.$refs即可调用,这样可以减少获取dom节点的消耗。ref介绍ref被用来给元素或子组件注原创 2020-12-20 18:36:38 · 325 阅读 · 0 评论 -
vue插槽
文章目录vue插槽插槽内容编译作用域后备内容具名插槽已废弃的slot attribute 的具名插槽作用域插槽独占默认插槽的缩写语法解构插槽 Prop已废弃的slot-scope动态插槽名具名插槽的缩写vue插槽https://cn.vuejs.org/v2/guide/components-slots.html在 2.6.0 中,我们为具名插槽和作用域插槽引入了一个新的统一的语法 (即 v-slot 指令)。它取代了 slot 和 slot-scope 这两个目前已被废弃但未被移除且仍在文档中的原创 2020-12-20 18:36:54 · 109 阅读 · 0 评论 -
vue操作cookies
import Cookies from 'js-cookie'const COOKIE_PREFIX = 'COOKIE-PREFIX-'const expires = 7const domain = window.location.hostname || 'localhost'const COOKIE_OPT = { expires, domain}console.log(COOKIE_OPT)export const setCookie = (key, value, ex原创 2020-12-18 16:59:37 · 322 阅读 · 0 评论 -
vuex知识解析
文章目录VUEX知识解析Vuex是什么?使用Vuex有什么好处?Vuex有哪几种属性?1.state2.mapState 辅助函数3. ...mapState4.getters5. ...mapGetters6. Mutation7. mapMutations8.actions9. ...mapActions10. dispatchVUEX知识解析Vuex是什么?vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。通俗地可以理解为是定义了一个全局对象,所有页面都可以访问。当你在state中原创 2020-12-18 16:58:49 · 164 阅读 · 1 评论 -
vue-router
文章目录vue-router动态路由匹配响应路由参数的变化路由懒加载关于this.$router.push、replace、go的用法和区别vue-router动态路由匹配我们经常需要把某种模式匹配到的所有路由,全都映射到同个组件。例如,我们有一个 User 组件,对于所有 ID 各不相同的用户,都要使用这个组件来渲染。那么,我们可以在 vue-router 的路由路径中使用“动态路径参数”(dynamic segment) 来达到这个效果:const User = { template: '&原创 2020-12-18 16:58:16 · 360 阅读 · 1 评论 -
vue-i18n国际化
文章目录vue-i18n安装使用vue-i18nVue i18n国际化多语言适配安装cnpm install vue-i18n -S使用import Vue from 'vue';import VueI18n from 'vue-i18n';import messages from './langs';import Vuex from '../store';Vue.use(VueI18n);const language = Vuex.state.setting.language |原创 2020-12-18 16:57:38 · 118 阅读 · 1 评论 -
vue-cil项目笔记
文章目录vue-cil项目笔记vue-cli 项目搭建1. 创建项目2. 使用Ant Design2.1 安装用Ant Design2.2 按需加载使用Ant Design2.3 引入layout布局2.4 安装less环境3.页面构建3.1创建Main组件3.2创建sidebarTop组件3.3创建sidebarLeft组件vue-cil项目笔记一款vue全家桶、vuex、vuex持久化、vue-i18n国际化等技术的vue项目基础的脚手架。包括组件header、slidebarvue-cli 项原创 2020-12-18 16:57:07 · 205 阅读 · 1 评论 -
vue3.0语法
VUE3.0Vue3.0-beta链接:https://github.com/vuejs/vue-next#status-betaVue3.0设计目标更小全局 API 和内置组件 / 功能支持 tree-shaking常驻的代码尺寸控制在 10kb gzipped 上下更快基于 Proxy 的变动侦测,性能整体优于 getter / setterVirtual DOM 重构编译器架构重构,更多的编译时优化加强API设计一致性加强TypeScript支持提高原创 2020-12-18 16:56:30 · 706 阅读 · 1 评论 -
mint ui 学习笔记(1)
Mint UI基于 Vue.js 的移动端组件库官方网站:http://mint-ui.github.io/#!/zh-cn快速开始安装 Mint UI// 安装# Vue 2.0npm install mint-ui -S然后在项目中的main.js文件引入所有组件// 引入全部组件import Vue from 'vue';import Mint from 'mint-ui';Vue.use(Mint);// 按需引入部分组件import { Cell, Checklist原创 2020-12-18 16:55:55 · 187 阅读 · 0 评论 -
element学习文档(1)
elementElement,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库npm 安装cnpm i element-ui -S引入 Element在 main.js 中写入以下内容:import Vue from 'vue';import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';import App from './App.vue';Vue.use(原创 2020-12-18 16:52:30 · 671 阅读 · 1 评论 -
vue学习笔记(超详细)
文章目录一. Vue基础认识Vue.jsVue安装方式Vue的MVVM二. Vue基础语法生命周期模板语法创建Vue, options可以放什么语法综合v-onv-for遍历数组v-model表单绑定v-model结合radio类型使用v-model结合checkbox类型使用v-model结合select类型使用值绑定修饰符检测数组更新计算属性 computed计算属性setter和gettercomputed / methods区别fulters过滤器三. 组件化开发组件的基本介绍注册组件的基本步骤全局原创 2020-12-18 16:38:35 · 40068 阅读 · 14 评论