Vue03 1 Vue-CLI 基本使用 命令行界面(英语:command-line interface,缩写:CLI)是在图形用户界面得到普及之前使用最为广泛的用户界面,它通常不支持鼠标,用户通过键盘输入指令,计算机接收到指令后,予以执行。也有人称之为字符用户界面(CUI) Vue-CLI是由Vue提供的一个官方CLI又称Vue脚手架,是一个基于Vue.js进行快速开发的工具,能够自动创建项目必
原创 2023-07-23 12:13:51
41阅读
Vue03 组件化开发一、概述将一个页面拆分成一个个小的功能块,每个功能块完成属于自己这部分独立的功能,从而简化整个页面的管理和维护,提高项目的扩展性,这样的流程称作组件化二、基础篇1.基本使用<body> <div id="app">   <!--step3.使用组件-->   <my-cpn></my-cpn> </div&g
转载 2021-03-10 19:07:01
158阅读
2评论
原创 2022-10-14 11:33:10
66阅读
01.创建项目 打包工具 vite官网 vite学习视频 vite介绍 Vite也是前端构建工具 相较于webpack,vite采用了不同的运行方式: 开发时,并不对代码打包,而是直接采用ESM的方式来,而是直接采用ESM的方式来运行项目 在项目部署时,在对项目进行打包 除了速度外,vite使用起来
原创 2023-04-18 18:34:50
190阅读
Vue除支持内置的v-model/v-show等指令,还允许自定义指令。 vue2中,代码的复用、
一、介绍 1、Vue.js 是什么 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。 Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。 ...
转载 2021-04-12 23:59:06
104阅读
2评论
发表评论把文本框做双向数据绑定<textarea placeholder="请输入内容" maxlength="120" v-model="msg"></textarea>data中 msg: “” // 评论 输入的内容为发表按钮绑定一个事件<mt-button type="primary" size="large" @click="postCom...
原创 2021-09-02 09:59:25
721阅读
Vue中有2种数据绑定的方式:1.单向绑定(v-bind):数据只能从data流向页面。2.双向绑定(v-model):数据不仅能从data流向页面,还可以从页面流向data。 备注: 1.双向绑定一般都应用在表单类元素上(如:input、select等) 2.v-model:value 可以简写为 v-model,因为v-model默认收集的就是value值。<!DOCTYPE html&
原创 2023-09-24 21:58:52
68阅读
系列文章导航01 Vue语法基础02 vue数据绑定与指令03 vue组件技术04 vue单文件组件定义与使用1 组件介绍组件
转载 2022-06-01 09:15:06
220阅读
00.v-once(用于一次性数据,固定数据) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="https://cdn.staticfile.org/vue/2.6.11/vue.js ...
转载 2021-09-10 11:47:00
91阅读
2评论
首先看下面代码<!DOCTYPE html><html lang=en><head> <meta charset="utf-8" /> <title>Hello world</title> <script src="vue.js">&
原创 2022-10-25 01:16:36
48阅读
文章目录1. 引言2. alias2.1 alias使用方式3. element项目详解1. 引言在前面的章节,已经讲解了部分vue-element-admin的知识:《Java程序员从零开始学Vue(25)-element开源项目-项目结构分析》《Java程序员从零开始学Vue(26)-element开源项目-Vuex》本文主要讲解的是alias别名。2. alias我们知道,在日常的开发中,要引入一个文件,经常要写一连串的东西,如下:import stickTop from '..
原创 2022-01-25 17:39:48
730阅读
  文章目录 1. 前言 2. 下载安装 3. 创建并导入vue项目 3.1 插件安装 3.2 使用脚手架安装项目 3.3 导入项目 3.4 运行项目 4. 快捷键设置   1. 前言 工欲善其事必先利其器,就像Java开发需要IDEA一样,Vue的开发也需要利器,便是:VsCode 介绍: VsCode是微软开发并开源,同时可以免费使用的轻量级IDE。 它与VisualStudio的区
原创 2021-07-31 09:42:38
1360阅读
文章目录1. 前言2. 下载安装3. 创建并导入vue项目3.1 插件安装3.2 使用脚手架安装项目3.3 导入项目
原创 2022-02-04 10:52:22
736阅读
1、v-bind ​ 我们已经成功创建了第一个Vue应用!看起来这跟渲染一个字符串模板非常类似,但是Vue在背后做了大量工作。现在数据和DOM已经被建立了关联,所有东西都是响应式的。我们在控制台操作对象属性,界面可以实时更新! ​ 我们还可以使用v-bind来绑定元素特性! 上代码: <!DOCTY ...
转载 2021-08-10 23:00:00
113阅读
目录 "Vue学习笔记01 Vue基础" "Vue学习笔记02 Vue组件" "Vue学习笔记03 Axios" "Vue学习笔记04 Vue路由" "Vue学习笔记05 H5实例百度音乐" "Vue学习笔记06 Vuex" "Vue学习笔记07 Web商城实例" Axios 13. Vue axi
原创 2022-08-18 16:30:41
112阅读
随着应用规模的增长,越来越多的开发者认识到静态语言的好处。静态类型系统可以帮助防
原创 2023-01-15 09:50:19
212阅读
在其内部,Vue 在它的 getter 中执行追踪,在它的 setter 中执行触发。当你在模板中使用了一个 ref,然后改变了这个 ref 的值
原创 2024-06-11 15:35:01
40阅读
Vue.js 使用了基于 HTML 的模版语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。结合响应系统,在应用状态改变时, Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。一、插值1、文本:{{...}}(双大括号)数据绑定最常见的形式就是使用 {{...}}(双大...
转载 2020-05-20 11:08:00
591阅读
2评论
文章目录前言一、基础样式绑定1.1、基础样式绑定(v-bind:class)1.2、对象与数组形式控制样式二、进阶使用进阶一:子组件的样式绑定进阶二:行内样式编写
原创 2022-05-14 19:42:17
832阅读
  • 1
  • 2
  • 3
  • 4
  • 5