vue学习01
![vue vue-element-ui组件 layout布局系列学习(一)[通俗易懂]](/scriptcss/images/14.png)
vue vue-element-ui组件 layout布局系列学习(一)[通俗易懂]
大家好，又见面了，我是你们的朋友全栈君。本文仅供参考：首先你要掌握的基础知识:row 行概念<el-row></el-row>复制col 列概念<el-col></el-col>复制col组件的:span属性的布局调整,一共分为24栏:代码示例:<el-row> <el-col :span="24">&
日期 2023-06-12 10:48:40Vue学习笔记1-什么是Vue
Vue学习笔记1-什么是Vue一、什么是 Vue？渐进式 JavaScript 框架，一款用于构建 Web 界面，易学易用，性能出色且功能丰富的框架。Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面，无论任务是简单还是
日期 2023-06-12 10:48:40
Vue学习之从入门到神经(两万字收藏篇)
大家好，又见面了，我是你们的朋友全栈君。 Vue前言Vue.js三种安装方式一、 Vue导入二、Vue基本语法 1.钩子函数2. 插值表达式3.显示数据(v-text和v-html)4.数据双向绑定数据(v-model) 4.1.绑定文本框4.2.绑定单个复选框4.3.绑定多个复选框4.4.form表单数据提交5.事件处理(v-on) 5.1.事件绑定(v-on)5.2.事件修饰符6.循环遍历
日期 2023-06-12 10:48:40
Vue3项目框架搭建封装，一次学习，终身受益【万字长文，满满干货】
theme: juejin携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第4天，点击查看活动详情前言入职新公司后，发现代码仓库里，项目搭建的比较乱，每个项目使用的都不太一样，不利于统一规范化管理，我结合已有的业务积累和优秀的实践经验，搭建了一套移动端模板项目，在这里和大家做一个分享。一般来说，大部分前端去公司都是干活，拧螺丝钉的，项目的框架都是架构师或者小组负责人搭建封装好的
日期 2023-06-12 10:48:40Vue指令学习 | 零基础入门
文章目录MVVMel: 挂载点data: 数据methods: 方法指令v-textv-htmlv-html 和 v-text 区别v-modelv-onv-showv-bind条件判断v-ifv-elsev-else-ifv-forv-if 和 v-show 区别MVVM M：模型(Model) ：对应 data 中的数据 V：视图(View) ：模板 VM：视图模型(ViewModel
日期 2023-06-12 10:48:40Vue.js 学习笔记 - 组件(Components)
Vue 组件注册Components 要确保在初始化根实例 之前 注册了组件全局注册：Vue.component('my-component', { template: '<div>A custom component!</div>' }) // 创建根实例 new Vue({ el: '#example'
日期 2023-06-12 10:48:40
Vue.js 学习笔记 - 路由(Router)
路由<router-link to="/foo">Go to Foo</router-link> <router-view></router-view>复制const routes = [ { path: '/foo', component: Foo }, { path: '/bar'
日期 2023-06-12 10:48:40
VUE3+TS学习-项目搭建
vue3和vue2的项目安装基本没太大区别。 1.node安装方式一：nvm安装node个人比较喜欢使用nvm控制node版本，切换版本自如。nvm下载地址：https://github.com/coreybutler/nvm-windows/releases node包下载地址：https://nodejs.org/download/release/{node版本}方式二：直接安装nodenod
日期 2023-06-12 10:48:40Vue学习笔记(二)
Vue 学习笔记(二)单页面应用程序 SPA，指的是一个 Web 网站中只有唯一一个 HTML 页面，所有的功能和交互都在这个唯一的页面内完成。1. vue-clivue-cli 是 Vue.js 开发的标准工具。1.1 安装 npm install -g @vue/cli1.2 vue 项目的部分文件功能vue 通过 main.js 把 App.vue 渲染到 index.html 的指定区域中
日期 2023-06-12 10:48:40Vue3学习Day1 有哪些新特性？解决了Vue2的那些问题？
今天一起学习下大名鼎鼎的Vue3 有哪些新特性？在开始之前，先了解下 Vue2存在的问题。Vue2的缺陷维护角度： 采用Flow.js来做类型校验， Flow.js已经停止维护了。（说实话我都没听说过）二次开发难度：直接执行浏览器API,跨端方案带来问题。开发角度：并非真正意义的代理，是基于defineProperty()实现的。删除数据无法监听。Vue3的新特性Vue 3 就是继承了 Vue 2
日期 2023-06-12 10:48:40Vue3学习笔记 Composition API和script setup 新搭档的好处是？
<script setup> 本质上是以一种更精简的方式来书写 Composition API。按昨天说的规范： 我们在src/components/新建Todolist.vue<template> <div> <h1 @click="add">{{count}}</h1> </div> &
日期 2023-06-12 10:48:40Vue.js学习笔记
在执行 npm run dev 命令的时候出现8080端口被占用# 根据端口号，查找被占用端口的进程 id netstat -nao|findstr "8080" # 结束进程，2228 为进程 id taskkill /pid 2228 /F复制使用v-for指令遍历组件时产生警告，提示需要在组件上增加一个key属性当使用v-for指令遍历组件时，需要在组件上添加一个key
日期 2023-06-12 10:48:40vue学习：xmg vue学习笔记2/14代码案例
es5的if和for等，没有作用域，所以变量会被污染： 比如下面的例子。用var去定义变量的话、无论点多少次按钮。显示的数字都是第一次点的那个数字。 ********************************** 在es5里。加个函数闭包，
日期 2023-06-12 10:48:40vue学习：xmg vue学习笔记1/14代码案例
ppt笔记参考：https://blog.csdn.net/qq_22182989/article/details/94393963 **************************** 官网：下载vuejs： https://cn.vuejs.org/v2/guide/installation.html
日期 2023-06-12 10:48:40vue学习笔记
如果属性的值是html的代码，要想让代码解释为标签而不是原样输出，需要使用v-html指令，创建RenderHtmlApp.vue组件 <template> &
日期 2023-06-12 10:48:40vue快速学习02、基础用法
vue快速学习02、基础用法 目录 vue快速学习02、基础用法 1、数据双向绑定 2、数据绑定 3、钩子函数 4、created函数用法1 5、created函数用法2 6、filters过滤器 7、v-once与v-text 8、数据计算 9、数据绑定 10、样式控制1 11、样式控制2 12、v-if 14、v-on
日期 2023-06-12 10:48:40Vue学习之--------路由守卫（2022/9/6）
1、路由(Router)的基本使用:1 2、Vue学习之--------多级路由的使用:2 3、路由的query、params参数、路由命名：3 4、编程式路由导航、缓存路由组件、新的钩子函数
日期 2023-06-12 10:48:40Vue学习之--------路由的query、params参数、路由命名（3）（2022/9/5）
1、路由(Router)的基本使用:https://blog.csdn.net/weixin_43304253/article/details/126700292 2、Vue学习之--------多级路由的使用:htt
日期 2023-06-12 10:48:40Vue学习之--------路由(Router)的基本使用（1）（2022/9/5）
理解： 一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）
日期 2023-06-12 10:48:40
Vue学习之--------深入理解Vuex之多组件共享数据（2022/9/4）
在上篇文章的基础上：Vue学习之--------深入理解Vuex之getters、mapState、mapGetters 文章目录 1、在state中新增用户数组2、新增Person.
日期 2023-06-12 10:48:40Vue学习之--------消息订阅和发布、基础知识和实战应用（2022/8/24）
文章目录 1、基础知识2、代码实例2.1 main.js2.2 School.vue2.3 Student.vue2.4 App.vue 3、全局事件总线通信改为消息的订阅和发布3.1 核心部分代码3.1
日期 2023-06-12 10:48:40Vue学习之--------组件自定义事件（绑定、解绑）（2022/8/21）
文章目录 1、基础知识2、代码实例2.1 App.vue2.2 school.vue2.3 student.vue 3、测试效果（略）4、实际应用（在组件化编码实
日期 2023-06-12 10:48:40Vue学习之--------Scoped样式（2022/8/1）
1、场景 一个页面开发团队进行页面的开发设计、无可避免的会发生样式选择器命名的重复（id的重复、class的重复等）。这样间接导致的后果就是、自己的页面样式好好的、在整合一起的时候、可能就会发生
日期 2023-06-12 10:48:40Vue学习之--------Vue中自定义插件（2022/8/1）
文章目录 1、插件的基本介绍2、实际应用2.1 目录结构2.2 代码实例2.2.1 学校组件（School.vue）2.2.2 学生组件（Student.vue
日期 2023-06-12 10:48:40Vue学习之--------组件在Vue脚手架中的使用（代码实现）（2022/7/24）
文章目录 1、第一步编写组件1.1 编写一个 展示学校的组件1.2 定义一个展示学生的信息组件 2、第二步引入组件3、制作一个容器4、使用Vue接管 容器5、实际效果6、友情提示：7、项目的
日期 2023-06-12 10:48:40Vue学习之--------组件的基本使用（非单文件组件）（代码实现）（2022/7/22）
文章目录 1、为啥要使用组件2、基本使用3、代码实例4、测试效果5、注意点 1、为啥要使用组件 好用啊、像堆积木一样 2、基本使用 Vue中使用组件的三大步骤：
日期 2023-06-12 10:48:40Vue学习之--------Vue中过滤器(filters)的使用（代码实现）（2022/7/18）
1、过滤器 1.1 概念 过滤器： 定义：对要显示的数据进行特定格式化后再显示（适用于一些简单逻辑的处理）。语法： 1、注册过滤器：V
日期 2023-06-12 10:48:40Vue学习之--------列表排序（ffilter、sort、indexOf方法的使用）、Vue检测数据变化的原理（2022/7/15）
文章目录 1、列表排序1.1 、代码实例1.2 、测试效果1.3、需要掌握的前提知识 2、Vue监测数据变化的原理2.1、代码实例2.2 、测试效果 3、Vue检测数据的原理3.1 基本知识3.2
日期 2023-06-12 10:48:40Vue学习之--------绑定样式、条件渲染、v-show和v-if的区别（2022/7/12）
文章目录 1、绑定样式1.1 基础知识1.2 代码实例1.3 测试效果 2、条件渲染2.1 基本知识2.2 代码实例2.3 测试效果 1、绑定样式 没啥好说的、我觉得还没直接引入外部写好
日期 2023-06-12 10:48:40Vue学习之--------监视属性（2022/7/10）
文章目录 1、监视属性1.1 监视属性--天气案例1.1.1 基础知识1.1.2 代码实例1.1.2 测试效果 1.2 深度监视-天气案例1.2.1 基础知识1.2.2 代码实例1.2.3 测试效果
日期 2023-06-12 10:48:40Vue学习之--------计算属性（2022/7/9）
文章目录 1、计算属性1.1 计算属性实现1.1.1 基础知识1.1.2 代码实例1.1.3 测试效果 1.2 计算属性简写1.2.1 简写代码 1.3 使用插值语法实现1.3.1 代码实例1.
日期 2023-06-12 10:48:40