VUE基础

vue基础

在vue项目下的src->App.vue中有三个模板1.script是写js代码的地方2.template是写html的地方3.style是写css的地方npmi的作用是加载需要的依赖包
知还215·2025-07-11 21:12

Vue从入门到精通：前端开发的基石之旅

目录一、Vue简介1.1渐进式框架的含义1.2Vue在前端开发中的优势二、Vue环境搭建2.1安装Node.js和npm2.2全局安装VueCLI2.3使用VueCLI创建Vue项目三、Vue基础语法3.1
奔跑吧邓邓子·2025-07-05 12:02

Vue基础(19)_Vue内置指令

我们学过的vue内置指令：v-bind：单向绑定解析表达式，可简写为：:xxxv-model：双向数据绑定v-for：遍历数组/对象/字符串v-on：绑定事件监听，可简写为@v-if：条件渲染(动态控制节点是否存在)v-else：条件渲染(动态控制节点是否存在)v-show：条件渲染(动态控制节点是否展示)其他指令：v-text指令：1、作用:向其所在的节点中渲染文本内容。2、与插值语法的区别：v
风之舞_yjf·2025-07-02 10:19

Vue基础特性

1、Vue实例和选项还有的是这里进行编辑Vue代码的时候是要通过导入官网下载的vue包才可以的：varvm=newVue({//填入})1.2、数据这里的数据都是通过{{实例对象}}传入实例的对象的方式传入的：Title网站名称:{{name}}网站地址:{{url}}vardemo=newVue({el:'#box',data:{name:'水利水电学院',url:'www.baidu.com'
在代码的海洋中寻找亚特兰蒂斯·2025-06-04 12:58

nodeJS全栈01——vue基础补充

文档：nodeJS全栈01——vue基础补充.note链接：http://note.youdao.com/noteshare?
daoke_li·2025-06-03 10:15

Vue-4-前端框架Vue基础入门之Vue的常用操作

文章目录1VUE1.1文件结构1.2定义和显示变量1.2.1ref函数1.2.2reactive函数1.3定义方法1.3.1方式一1.3.2方式二1.3.3方式三1.4循环遍历1.5watch1.5.1监听ref1.5.2监听reactive1.6生命周期函数1.7配置文件2问题及解决2.1lackpermissions2.2npmrundev!Missingscript:dev3参考附录Vue组
皮皮冰燃·2025-06-02 17:15

Vue3进阶教程：1.初次了解vue

1.初次了解vuevue文件目录和各个文件在这里不做介绍此课程对针对有点vue基础的同学，或者看过我上部分vue的教程与之前我的Vue教程不同的是，写法和内容有区别真正的了解Vue31.创建vue组件1
Python涛哥·2025-05-28 08:46

VUE基础（五）

一、ref引用ref用来辅助开发者在不依赖jQuery的情况下，获取DOM元素或组件的引用注：在每个vue实例上，都包含一个$refs对象默认情况下，组件的$refs指向一个空对象1、使用ref引用页面上的DOM元素步骤为要引用的DOM添加ref属性，并提供引用的名称通过this.$refs.引用的名称，可获取DOM元素的引用App根组件获取$refs引用exportdefault{name:'M
hh_xi·2025-05-28 06:59

Vue基础

最近好焦虑我想去开个婚纱摄影店也想开个服装店但是上了这么多年学我还是有点不甘心的唉我只希望每天的天气好一点困难少一点敏感少一点祝大家每天开心事事顺心坚定地走完自己选择的路如果太累了那就多睡睡觉多吃点好吃的慢下来看看世界的美好Vue1.Vue
starrismq·2025-05-23 14:51

前端Web-Vue基础

一、Vue概述Vue是一款用于构建用户界面的渐进式JavaScript框架。它通过数据驱动视图，简化操作，提高开发效率。Vue的优势在于：数据驱动视图:基于数据渲染用户界面，实现动态更新。渐进式:可逐步学习使用，无需掌握所有功能即可开发。框架:提供完整的解决方案，快速构建项目。二、Vue快速入门准备工作:准备HTML文件，引入Vue模块。创建Vue应用实例，控制视图元素。准备元素，交给Vue控制。
random rean·2025-05-21 00:09

【Vue】Vue与UI框架（Element Plus、Ant Design Vue、Vant）

2.1ElementPlus基础使用2.1.1安装与引入2.1.2基础组件示例2.2ElementPlus主题定制2.3ElementPlus的优缺点分析3.AntDesignVue详解3.1AntDesignVue
Guiat·2025-05-03 06:07

Vue浅学习笔记

Vue基础学习笔记Vuevue指令七个常用属性v-model双向绑定网络通信：Axios计算属性Vue组件：Vue.Componentslot插槽自定义事件分发创建工程路由嵌套传参和重定向钩子和404页面
木羽丶·2025-04-24 02:08

【Vue】入门基础

个人主页：Guiat归属专栏：Vue文章目录1.Vue简介1.1Vue的特点1.2Vue的发展历程2.安装与使用2.1直接引入2.2使用npm安装2.3使用VueCLI3.Vue基础语法3.1创建Vue
Guiat·2025-04-20 20:02

《Vue 实战：小型项目练手与感悟》

一、Vue基础与准备在开始Vue项目之前，对JavaScript、CSS、HTML基础知识的掌握至关重要。
计算机毕设定制辅导-无忧学长·2025-04-13 16:17

Vue基础

目录-Vue基础-1、插值表达式{{}}2、Vue核心特性：响应式3、开发者工具VueDevtools(极简插件下载)4、Vue指令v-textv-htmlv-bindv-onv-ifv-showv-forv-model5
爱编程的王小美·2025-03-26 20:39

Vue相关面试题

以下是150道Vue相关面试题及详细答案：Vue基础1.Vue.js是什么？
努力的搬砖人.·2025-03-23 01:29

Vue初体验

Vue基础Vue是什么？Vue是javascript的渐进式框架。Vue初识Vue工作时必须要创建一个Vue的实例，并且传入一个配置对象。
码上跑步·2025-03-11 13:38

vue框架使用

1.vue基础1.1特点渐进式框架国人开发、易学、易上手Vue的核心库只关注视图层声明式渲染组件系统1.2开发模式比较常见的三种开发模式：MVC、MVP、MVVMMVVM模式M：（model）数据对象，
asuka613·2025-03-06 00:41

Vue01

vuevue基础vue-clivue-routervuexelement-uivue3vue基础vue是什么一套用于构建用户界面的渐进式JavaScript框架采用组件化模式，提高diamagnetic
memorycx·2025-02-26 04:52

vue基础七（Less）

Less安装注释导入变量（Variables）混合（Mixins）嵌套（Nesting）运算转义（Escaping）函数（Functions）命名空间和访问符映射作用域sass,less和stylussass变量的表示变量的赋值缩进的问题if条件判断的问题都支持嵌套Less（LeanerStyleSheets的缩写）是一门向后兼容的CSS扩展语言。安装将less安装为开发依赖npmiless--s
今天晚上一定要早睡·2025-02-18 21:58

vue基础（十）

在Vue中，vue-router是官方的路由管理插件，用于在单页面应用（SPA）中实现不同页面的切换。在此介绍Vue2和Vue3中路由的使用。1.安装vue-router如果是Vue2：npminstallvue-router@3如果是Vue3：npminstallvue-router@42.基本路由配置创建router/index.js作为路由配置文件。Vue2#路由文件importVuefro
Goodbaibaibai·2025-02-18 09:45

前端框架Vue内容回顾

1.Vue基础知识1.1Vue的核心概念声明式渲染：Vue采用数据驱动视图的方式，通过{{}}语法或v-bind绑定数据，无需手动操作DOM。
GISer_Jinger·2025-02-17 01:13

vue基础（九）

Vue提供插槽（Slot）机制，使组件可以更灵活地复用和拓展内容。插槽允许父组件向子组件传递结构化的内容。1.默认插槽（DefaultSlot）默认插槽允许父组件传递内容到子组件的特定位置。默认内容.box{padding:10px;border:1pxsolid#ddd;}我是父组件传递的内容结果：我是父组件传递的内容如果ChildComponent没有提供插槽内容，slot的默认内容（默认内容
Goodbaibaibai·2025-02-14 07:16

【自学笔记】Vue基础知识点总览-持续更新

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录Vue重点知识点总览一、Vue基础1.Vue简介2.MVVM设计思想3.响应式数据绑定4.组件化开发二、Vue核心特性1.虚拟DOM2
Long_poem·2025-02-14 01:19

vue基础（五）

Vue实例在创建、挂载、更新、销毁的过程中会触发一系列的生命周期钩子（LifecycleHooks），让开发者可以在不同阶段执行逻辑。1.Vue2生命周期完整流程生命周期的四个主要阶段创建阶段（Creation）挂载阶段（Mounting）更新阶段（Updating）销毁阶段（Destruction）2.Vue2生命周期钩子（Hooks）阶段生命周期钩子作用创建前beforeCreate组件刚创建
Goodbaibaibai·2025-02-11 18:40

2024Java零基础自学路线（Java基础、Java高并发、MySQL、Spring、Redis、设计模式、Spring Cloud）

SpringBoot框架（35天）四、微服务SpringCloud四、Redis中间件五、MongoDB数据库六、Netty网络编程七、23种设计模式八、Dubbo九、JavaScript零基础入门十、Vue
ekskef_sef·2025-02-10 15:44

【学习总结|DAY036】Vue工程化+ElementPlus

一、Vue基础与工程化（一）Vue框架概述Vue是一款用于构建用户界面的渐进式JavaScrip
123yhy传奇·2025-02-08 18:21

Vue演练场基础知识（七）插槽

为学习Vue基础知识，我动手操作通关了Vue演练场，该演练场教程的目标是快速体验使用Vue是什么感受，设置偏好时我选的是选项式+单文件组件。
暗暗那·2025-02-05 22:06

Vue学习笔记 二

4、Vue基础扩展4.1插槽组件的最大特性就是复用性，而用好插槽能大大提高组件的可复用能力在Vue中插槽是很重要的存在，通过插槽，我们可以把父组件中指定的DOM作用到子组件的任意位置，后面我们坐项目用到的组件库比如
涔溪·2025-01-23 02:05

FLASK+VUE--前后端分离（三）- VUE+Element-UI搭建登陆页面且能够正常登陆

FLASK+VUE–前后端分离（一）-Flask基础讲解之路由、视图函数及代码实现FLASK+VUE–前后端分离（二）-VUE基础安装及项目的简易介绍FLASK+VUE–前后端分离（三）-VUE+Element-UI
begefefsef·2025-01-22 02:29

vue基础代码第一篇

1创建一个基本的Vue应用import { createApp } from 'vue';import App from './App.vue';createApp(App).mount('#app');2在Vue组件中使用数据绑定  {{ message }}import { defineComponent } from 'vue';export default defineComponent(
东锋1.3·2025-01-21 09:23

Vue初步认识与Vue基础指令

Vue.js简介先来谈谈传统网页开发传统开发的缺点：1.DOM操作频繁，代码繁杂2.DOM操作与逻辑代码混合，可维护性差3.不同功能区域书写在一起，可维护性低4.模块之间的依赖关系复杂Vue.js应运而生官网：https://cn.vuejs.orgVue.js核心特性数据驱动视图数据变化会自动更新到对应元素中，无需手动操作DOM，这种行为称作单向数据绑定。单向数据绑定对于输入框等可输入元素，可设
amanohina·2024-09-08 03:40

Vue学习笔记 一

Vue学习笔记1、Vue基础指令1.1什么是Vue?Vue.js是一套响应式的JavaScript开发库。
涔溪·2024-09-02 16:14

Vue基础(day05)

Vue.js（第五天）父子组件之间的传值这是子元素---{{parentmsg}}varcom1={template:'#tmp1',data(){return{msg:'给你一些钱，去挥霍吧！'}},props:['parentmsg'],methods:{sendMsg(){this.$emit('func',this.msg);}}}//创建Vue实例，得到ViewModelvarvm=ne
菜先生…·2024-08-31 14:59

vue 如何合并两个 项目_实例详解Vue基础学习之项目整合及优化

Vue基础学习之项目整合及优化前言使用webpack构建过Vue项目的同学应该知道alias的作用，我们可以使用它将复杂的文件路径定义成一个变量来访问。
weixin_39690401·2024-08-28 02:42

Vue基础-数据监测

此篇文章为数据检测总结笔记Vue监视数据的原理：vue会监视data中所有层次的数据。案例:学生信息年龄+1岁添加性别属性，默认值：男修改性别在列表首位添加一个朋友修改第一个朋友的名字为：张三添加一个爱好修改第一个爱好为：开车过滤掉爱好中的抽烟姓名：{{student.name}}年龄：{{student.age}}性别：{{student.sex}}爱好：{{h}}朋友们：{{f.name}}-
RedOorange·2024-02-20 05:05

Vue基础Day04组件与cli脚手架

一.核心内容1.任务1：天知道任务1：天知道2.什么叫组件把某个界面或者说某个小功能，封装起来就叫组件（就是对htmlcssjs的一个综合封装），组件也是Vue的实例，所以它也有自己的data和methods以及生命周期钩子等组件开发特点：可复用，同时会简化代码结构，易于维护，同时利于多人协同开发等。3.安装单文件组件所需要依赖文档：【快速原型开发】3.1安装脚手架安装vue-cli脚手架在cmd
前端老邹_伯通·2024-02-20 00:57

Vue2知识总结

vue2复习回顾vue基础想让vue工作，就必须创建一个vue实例，并且传入一个配置对象【eldata】Hello，{{name.toUpperCase()}}，{{address}}Vue.config.productionTip
婷宝_知萌·2024-02-19 19:02

个人简历补充

3.1.1mPaaS（移动领域）3.1.2普通前端项目框架3.1.3微前端3.2后端持续更新1.对工作的认识2.八股文和知识面前端（基础知识/开发能力/总结输出能力）：前端技术知识（含八股）总结-持续更新中Vue
Xiaobaiforgod·2024-02-19 12:02

尚硅谷前端Vue2.0+Vue3.0

尚硅谷前端Vue2.0+Vue3.0简介VueVue基础Vue-cliVue-routerVuexelement-uivue3一套用于构建用户界面的渐进式JS框架。
wqy19941008·2024-02-19 11:18

前端课2 vscode操作，vue基础

vscode必要命令ctrl+p@打开文件/函数ctrl+shift+p命令ctrl+`cmd面板vscode必要插件ProjectManager项目管理select-Quotes引号括号选择SettingsSync同步vscode设置必要快捷操作ctrl+d多选ctrl+j合并ctrl+alt+f格式化ctrl+u上一个光标位置ctrl+shift+up上移一行下移一行alt+Q选择引号ctrl
mask2012·2024-02-13 15:38

【前端高频面试题--Vue基础篇】

作者：“码上有前”文章简介：前端高频面试题欢迎小伙伴们点赞、收藏⭐、留言前端高频面试题--Vue基础篇Vue基本原理双向绑定与MVVM模型Vue的优点计算属性与监听属性计算属性监听属性计算属性与监听属性的区别与侧重
码上有前·2024-02-12 13:41

SSM+vue基础项目从零开始练习后端搭建

创建后端项目1、搭建maven工程直接把项目建立在仓库的根目录即可，当然我们也可以创建两个仓库，一个前端项目仓库，一个后端项目仓库：删除父工程下的src调整工程结构2、调整工程结构创建子工程system-adimin，删除掉父工程的src，将父工程的pom文件中的packaging改为pom，声明为一个父工程：3、配置tomcat4、加入以下依赖在父工程中加入以下依赖，进行依赖管理，每一个依赖的作
光顾着·2024-02-10 02:38

【Vue】Vue基础入门

个人主页：五敷有你系列专栏：Vue⛺️稳重求进，晒太阳Vue概念是一个用于构建用户界面的渐进式框架优点：大大提高开发效率缺点：需要理解记忆规则创建Vue实例步骤：准备容器引包创建Vue实例newVue()指定配置项eldata=>渲染数据el指定挂载点，选择器指定控制的是哪个盒子data：提供数据插值表达式插值表达式是一种Vue的模板语法作用：利用表达式进行插值，渲染到页面表达式：可以被求值的代码
五敷有你·2024-02-09 14:37

【vue】笔记三：Vue基础语法以及数据绑定

Vue相关的所有语法及其数据绑定一、语法指令1.插值2.v-bind指令3.v-model指令4.计算属性5.监听器6.响应式数据7.生命周期钩子函数8.指令二、数据绑定1.单向数据绑定：2.双向数据绑定：一、语法指令1.插值Vue中最常用的语法之一就是插值（interpolation），可用于显示文本、HTML等。在Vue中，插值的语法是使用双大括号和v-bind指令进行插值。插值语法：{{me
网络真危险！！·2024-02-08 00:54

Vue基础（混入mixin、组件component、动态组件、组件通信传值/父子通信等、生命周期）

■目录混入（mixins）好处什么是组件，为什么要有组件&组件的好处(!!!)组件语法，创建父子组件组件传值/通信（!!!组件通信的语法（!!!生命周期&钩子函数概念&作用（!!!一、混入（Mixin!）明确需求说明：后期是多个页面，每个页面都newVue因此：就会出现举例普通方法冗余同一段代码写了多次解决：通过混入（mixin）从而提高代码复用性，减少冗余语法###局部const变量={data
菜鸟_小卡酷谋·2024-02-05 08:00

node+vue文档

Vue基础-day01课程介绍NodeJS&npm（了解）ES6重要语法（掌握）Vue介绍（了解）Vue安装（掌握）MVVM架构详解（了解）Vue入门（掌握）Vue表达式（掌握）Vue指令(掌握)前端技术准备前端技术发展历史静态页面
程序僧·2024-02-04 14:43

Vue基础入门（四）------ 动态组件 & 插槽 & 自定义指令

目录1.动态组件2.插槽插槽的基础用法具名插槽作用域插槽3.自定义指令全局自定义指令私有自定义指令1.动态组件动态组件指的是动态切换组件的显示与隐藏vue提供了一个内置的组件，专门用来实现动态组件的渲染使用keep-alive保持状态默认情况下，切换动态组件时无法保持组件的状态。此时可以使用vue内置的组件保持动态组件的状态。keep-alive对应的生命周期函数当组件被缓存时，会自动触发组件的d
举一个栗子吖·2024-02-03 19:10

vue基础

讲师：陈潇冰课时1vue基础、常用指令1.官网下载：https://cn.vuejs.org/v2/guide/installation.html（也可以直接github）手册（api文档）：https
6ee372d43592·2024-02-03 18:11

vue基础四（路由）

路由起步使用路由动态路由匹配(传参)使用props接收路由参数路径参数与查询参数this.$route的fullpath和path响应路由参数的变化匹配所有路径匹配优先级嵌套路由声明式导航编程式导航$router.push()$router.replace()$router.go(n)$router.go(n)简写方法命名路由命名视图重定向别名路由组件传参History模式$router和$rou
今天晚上一定要早睡·2024-02-03 12:54
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他