![](https://img-blog.csdnimg.cn/ad6aa2b2d9bd4026905abe3ce878c1aa.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
VUE
文章平均质量分 77
Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。
赛文X
九九六の神谕
展开
-
Vue零基础高效学习②.①:Vue2 与 Vue3 区别与联系之对【变量、数组、对象】的【修改、监测】
目录Vue2如何使用对象数组实现原理Vue3如何使用实现原理Vue2如何使用对象Vue2只能对整个对象的变更监测到只更改某个key-value需要参考下面方法:Vue.set(this.object, 'keyName', 'value') //需import vuethis.$set(this.object, 'keyName', 'value') //同上this.object = Object.assign({}, this.object, { a: 1, b: 2 })//添加多个.原创 2022-05-13 20:21:47 · 397 阅读 · 0 评论 -
Vue零基础高效学习④:Vue-Router 路由 | SPA单页面应用 | 组件化开发
目录准备工作项目结构定义路由组件PageOne.vuePageTwo.vuerouter/index.jsVue中注册main.js使用路由SpaApp.vueApp.vue最终效果单页Web应用(single page web application,SPA),就是只有一张Web页面的应用,是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。Vue-Router 路由 可以简单的实现单页面应用页面无需刷新即可切换组件的显示准备工作创建vue项目vue crea原创 2022-04-23 17:37:02 · 1220 阅读 · 0 评论 -
Vue零基础高效学习③:组件间通信 / 组件共享数据 / 父子兄弟互传数据 | 万能Vuex大杀器
目录开胃菜 - 了解即可动态绑定props自定义事件消息订阅与发布 pubsub.js全局事件总线Vuex - 常用大杀器安装Vuex组件化Vuex使用流程1.创建模块化Store2.创建Vue实例引入3.组件中使用最终效果开胃菜 - 了解即可动态绑定props可以传数据也可以传函数原始:v-bind:简写:: (简写后是表达式而非字符串)父组件发送msg:<Child :msg="msg" />Child子组件接收:props: ['msg']自定义事件addT原创 2022-04-17 16:12:53 · 635 阅读 · 0 评论 -
基于Vue.js:Uniapp前端跨平台快速入门小项目
目录简介学习步骤标题傻瓜式IDE下载vue入门学习创建项目简单测试组件开发运行简介uni-app 是一个基于 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。学习步骤标题傻瓜式IDE下载HBuilder下载地址:https://www.dcloud.io/hbuilderx.htmlvue入门学习零基础推荐尚硅谷的免费Vue.js课程(b原创 2022-03-17 08:37:38 · 2235 阅读 · 0 评论 -
Vue零基础高效学习②:组件化CRUD增删改查 & 代码迁移
目录概述组件总体设计迁移代码 or 编写App.vueAddItem.vueListPanel.vueListItem.vue注意事项概述Vue快速实现一个简单的列表增删改查:方便演示CSS略去,效果:能够进行简单的CRUD操作组件总体设计组件嵌套结构图:红框中标注重点编写的文件迁移代码 or 编写如果是代码迁移,可以根据原代码在浏览器开发者工具中抽离不同的模块App.vue先使用方法传递来操作跨组件数据 代替 子组件向父组件传数据<template> <原创 2022-03-25 16:48:55 · 2044 阅读 · 0 评论 -
Vue零基础高效学习①:组件化使用脚手架搭建HelloWorld
目录初始化脚手架Node.js安装Vue-CLI安装创建项目启动代码编写下载VSCode使用目录结构在Helloworld里面开始编写代码VSCode中调试初始化脚手架Vue CLI 脚手架是一个基于 Vue.js 进行快速开发的完整系统。Node.js安装下载地址:https://nodejs.org/安装验证:npm -vVue-CLI安装添加淘宝npm镜像:npm config set registryhttps://registry.npm.taobao.org安装:原创 2022-03-23 09:31:58 · 1519 阅读 · 3 评论