Vue 基础
VUE 基础语法（部分）
五一遇疫情 & 居家学VUE一、目录结构PS：上图修改了启动指令，npm start 便于记忆。目录/文件说明distnpm run build 编译后的产品包node_modulesnpm 依赖模块包public静态资源src源代码包src/assets静态资源src/components组件路径src/App.vue默认的 App 组件src/main.jscreateApp 入口pa
日期 2023-06-12 10:48:40
vue基础（一）
什么是Vue.jsVue.js 是目前最火的一个前端框架，React是最流行的一个前端框架（React除了开发网站，还可以开发手机App， Vue语法也是可以用于进行手机App开发的，需要借助于Weex）Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起，并成为前端三大主流框架！Vue.js 是一套构建用户界面的框架，只关注视图层，它不仅易于上手，还便于与第三方库或
日期 2023-06-12 10:48:40![vue-router 2.0 常用基础知识点之router.push()[通俗易懂]](/scriptcss/images/16.png)
vue-router 2.0 常用基础知识点之router.push()[通俗易懂]
大家好，又见面了，我是你们的朋友全栈君。router.push(location)除了使用 <router-link> 创建 a 标签来定义导航链接，我们还可以借助 router 的实例方法，通过编写代码来实现。 router.push(location) 想要导航到不同的 URL，则使用 router.push 方法。这个方法会向 history 栈添加一个新的记录，所以，当用户
日期 2023-06-12 10:48:40Vue3组件基础
tips：在Vue3中，可以使用component组件方法来自定义组件component方法的第一个参数为组件名称，定义之后可以以html方式输出component方法的第一个参数为json,template属性为组件输出内容component方法可以放入createApp()的所有属性组件默认无法使用createApp()里面的数据，并且每个组件数据不共通，是独立的example:<!DO
日期 2023-06-12 10:48:40史上最详细vue的入门基础
一：VueVue：一种用于构建用户界面的渐进式javascript框架Vue可以自底向上逐层的应用简单应用:只需一个轻量小巧的核心库复杂应用:可以引入各式各样的Vue插件特定：1、采用组件化模式，提高代码复用率，且让代码更好维护2、声明式编码，让编码人员无需直接操作DOM，提高开发效率二：初识vue1.一个vue实例只能对应一个容器，多个容器的话，只显示最先执行的那个2.多个vue实例对应一个实例
日期 2023-06-12 10:48:40
视频讲解vue2基础之渲染v-if/v-show/v-for/v-html
大家好，我是你们的老朋友lqj_本人，最近一周没有更新文章了，是因为最近学校有一些活动比赛，也有一部分原因就是我在录制一些关于前端方面的视频，涉及到的领域主要一前端，比如：H5开发，App开发，小程序开发。前期主要以前端开发为主比如，后期的话会陆续更新关于通过云开发来简化后端从而完成更加快捷全栈开发内容！ csdn：lqj_本人 哔哩哔哩：小淼前端 视频详细讲解可搜索：uni-app框架
日期 2023-06-12 10:48:40Vue组件基础（上）
单页面应用程序概念单页面应用程序（英文名：Single Page Application）简称SPA，顾名思义，指的是一个web网站中只有唯一的一个HTML页面，所有的功能和交互都是在这唯一的一个页面内完成。特点单页面应用程序将所有的功能局限于一个web页面中，仅在该web页面初始化时加载相应的资源（HTML、JavaScript和CSS）。一旦页面加载完成了，SPA不会因为用户的操作而进行页面的
日期 2023-06-12 10:48:40
VUE 初学者基础知识
前言自己整理的一些VUE相关知识（1）历史介绍angular 09 年 年份较早 一开始是拒绝 react 13年 用户体验好，一些大公司使用 直接拉到一堆粉丝 vue 14年， 用户体验好 （数据属性非常非常多 上线的时候就会卡顿，react就不会） 尤雨溪（中国人）（2）前端框架与库的区别jquery库 > DOM（操作DOM）+请求art - template库 > 模
日期 2023-06-12 10:48:40Vue 组件基础
组件基础什么是组件需求: 如果页面中有多个一样结构的控件,比如<div id="app"> <!-- 页面中有多个一样结构的标签: span+button --> <span>{{count1}}</span> <button @click="changeCount1">按钮
日期 2023-06-12 10:48:40vue基础语法
一、绑定事件1.使用v-on绑定格式v-on:事件类型 = "函数名"简写@事件类型 = "函数名"2.参数问题没有参数,省略小扩号绑定函数默认有一个事件对象,写$event当参数3.事件修饰符(1)阻止事件冒泡: @事件类型.stop 事件中调用event.stopPropagation() (2)阻止默认事件： @事件类型.prevent 事件
日期 2023-06-12 10:48:40
Vue基础②
， 6 8月 2021作者 847954981@qq.com前端学习Vue基础②动态绑定 v-bind在很多情况下，我们需要动态修改标签的属性，如 img 标签的 alt 属性，往往将属性值固定是不行的，此时我们就需要 v-bind 来动态绑定。<template> <div id="app"> <img src="#&q
日期 2023-06-12 10:48:40vuex基础详解
vuex入门 安装 vuex为我们提供了两种使用方法 直接引入 vuex下载地址:https://unpkg.com/vuex@2.0.0 下载之后用< script >标签包裹引入即可 打包的模式 npm install vuex --save 在一个模块化的打包系统中，您必须显式地通过 Vue.use() 来安装 Vuex： impo
日期 2023-06-12 10:48:402-5 vue基础语法
一.vue基础语法 语法: {{msg}} html赋值: v-html="" 绑定属性: v-bind:id="" 使用表达式: {{ok? "yes": "no"}} 文本赋值: v-text="" 指令: v-if="" 过滤器: {{msg | capitalize}} 条件渲染 v-if v-else v-else-if v-show v-cloak vue组件 全局组件
日期 2023-06-12 10:48:40Vue 基础知识
1. vue 生命周期函数（详细查看：Vue实例的生命周期（钩子函数）） 有 10 个钩子，对应 5 个动作： create（创建） mount（vdom挂载） update（数据更新导致dom需要重新渲染和打补丁） activated（keep-alive组件激活） destory（销毁） 2. 组件间通讯 父子组件 父 -> 子：props 父 -> 子：$
日期 2023-06-12 10:48:40vue框架-基础5-vue-使用第三方ui组件快速开发页面，vuetify
### Element 文档地址：http://element-ui.cn 介绍：element ui框架的按钮组件，这款由饿了么前端开源的UI框架，一经面世，就收获大量程序员的芳心。在github 上更是高达29.8k的star早已说明一切。用于开发PC端的页面还是绰绰有余的。如果说你是用vue开发者，却没用过element UI，那你肯定不是合格的vue开发者。 #### vuetify&n
日期 2023-06-12 10:48:40vue框架-基础1-vue包引入，指令，模板语言
vue学习 从官方文档学习 https://cn.vuejs.org/v2/guide/index.html vue介绍 Vue是一套用于构建用户界面的渐进式框架。 也就是可以边学习边开发，渐进式学习，关键在于应用 特点： 1，易于上手 2，是一种插件式的开发， 类似python中的flask，所以我喜欢使用flask+vue进行前后端分离的开发， 另外： 官方指南假设你已了解关于 HTML
日期 2023-06-12 10:48:40vue学习资料：vue笔记ppt整理(vue基础指令&vue基础语法)
vuejs基础语法：
日期 2023-06-12 10:48:40测试开发之Vue学习笔记-Vue基础
Vue基础 Vue官方文档： https://cn.vuejs.org/v2/guide/syntax.html 1. Vue环境搭建 （1）为什么用框架（Angular,React,Vue) 很多业务逻辑移动到前段实现，Javascript文件
日期 2023-06-12 10:48:40vue.js--基础 事件结合双向数据绑定实现todolist 待办事项 已经完成 和进行中，键盘事件
<template> <div id="app"> <h1>{{ msg }}</h1> <input type="text" v-model="todo" @keyup="addData($event)"/> <hr> <br> <h2>未完成</h2> <ul> &l
日期 2023-06-12 10:48:40vue基础篇---路由的实现
路由可以有两种实现方式，一种是标签形式的，一种是js实现。 标签： <router-link to='/city'> 北京 </router-link> 标签还有另外一种实现方法，用的场景是：当我们用标签包裹的时候vue会自动加一个a标签，所以会改变标签里面的颜色，我们还得修改写好的样式，能不能不这么麻烦呢？当然可以。意思是外面包裹的的还是li标签。但是有路由功能
日期 2023-06-12 10:48:40vue基础篇---修改对象或数组的值，页面实时刷新
这个问题估计大家很难想到，如果一个数组[1,2,3,4]，然后我们v-for遍历，我们改变数组的值，arr[1] = 5 ，难道不应该改变么？按理说根据vue的特性应该是改变的，但是事实上确实数组已经改变了，但是页面上面却没有变化。有三种解决办法。 1.通过7个特定的api方法来实现 push pop shift unshift splice&nb
日期 2023-06-12 10:48:40vue基础篇---vue组件
vue模块第一篇，因为公司马上要用到这vue开发。早就想好好看看vue了。只有实际工作中用到才会进步最快。vue其他的简单指令就不多讲了，没啥意思，网上一大堆。看w3c就ok。 组件这个我个人感觉坑蛮多的，所以特地记录一下。 简单总结一下： 父组件给子组件传值： 父向子可以传属性，方法，和父对象的本身，很简单，需要2步即可。 1，父组件调用子组件的时候 绑定动态属性 &
日期 2023-06-12 10:48:40vue基础教程安装创建项目
#详细安装步骤 https://www.cnblogs.com/zhaomeizi/p/8483597.html #cli2使用模板创建项目： vue init webpack 项目名称 #cli3使用模板创建项目： vue create 项目名称 卸载cli3 npm uninstall -g @vue/cli 或
日期 2023-06-12 10:48:40【可视化】Vue基础
作者 | Jeskson 来源 | 达达前端小酒馆 Vue简介 Vue框架，框架的作者，尤雨溪，组件化，快速开发的特点。生命周
日期 2023-06-12 10:48:40vue.js-详解三大流行框架VUE_快速进阶前端大咖-Vue基础
作者 | Jeskson 来源 | 达达前端小酒馆 Vue概述： MVX模式简介，Vue框架简介，Vue.js的安装与
日期 2023-06-12 10:48:40VueRouter基础使用
1. 前言 本小节我们介绍如何在 Vue 项目中使用 VueRouter。包括 VueRouter 的下载、什么是 VueRouter、如何使用 VueRouter 配置一个单页应用。其中，学习使用 VueRouter 配置一个单页应用是本节的重点。同学们在学完本节课程之后需要自己多尝试配置路由。 2. 解释 Vue Router
日期 2023-06-12 10:48:4001-vue基础
1、Vue 是什么？ Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架 声明式渲染组件系统客户端路由集中式状态管理项目构建 vue 的核心库
日期 2023-06-12 10:48:40vue基础---条件渲染
（1）v-if条件渲染 v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。 可以用 v-else 添加一个“else 块”： ①表达式 <div id="area1"> <
日期 2023-06-12 10:48:40vue实战入门后台篇三：springboot+mybatis实现网站后台-实体及基础框架搭建
系列文章目录 第一章 项目框架搭建 第二章 登录鉴权功能实现 第三章 实体及基础框架搭建 第四章 增删改查功能实现 第五章 操作日志功能实现 第六章 前端登录功能对接 第七章 各实体
日期 2023-06-12 10:48:40vue实战入门基础篇九：从零开始仿门户网站实例-移动端界面适配
上一篇： vue实战入门基础篇八：从零开始仿门户网站实例-全局检索实现https://blog.csdn.net/m0_37631110/article/details/123045374一、目录 第一篇：前期准备工作 第二篇：开发框架搭建 第三篇：公共组件实现
日期 2023-06-12 10:48:40vue实战入门基础篇四：从零开始仿门户网站实例-网站首页实现
上一篇：vue实战入门基础篇三：从零开始仿门户网站实例-公共组件实现 vue实战入门基础篇四：网站首页实现1 vue实战入门基础篇四：网站首页实现续-swiper引入 一、目录 第一篇：前期准备工作 第二篇：开发框架搭建
日期 2023-06-12 10:48:40