前言： 这是一个java程序员的vue学习记录。 vue是前端的主流框架，按照如今的就业形式作为后端开发的java程序员也是要有所了解的，下面是本人的vue学习记录，包括vue2的基本使用以及引入element-ui，使用的开发工具是IDEA。一、第一个vue项目1、环境需求 系统环境使用的vue3但是后续创建的项目是vue2项目，主要是因为vue3提供了vue ui对于初学者十分友好，这些环境的
转载
2024-07-29 09:09:53
626阅读
Vue基础前言十一、自定义事件内容分发十二、vue-cli1.安装 vue-cli2.第一个 vue-cli 应用程序3.Vue-cli目录结构十三、Vue的Webpack十四、vue-router路由十五、elementUI十六、路由嵌套十七、参数传递和重定向1.参数传递2.重定向十八、404和路由钩子1.4042.路由钩子和异步请求后记 前言本文为Vue框架基础知识、语法与使用介绍，Java
转载
2023-07-18 00:32:14
97阅读
Java阶段三Day04 文章目录Java阶段三Day04Vue框架Vue框架概述如何引入vue.jsVue框架的HelloWorldVue框架执行原理基本指令文本相关指令属性绑定和双向绑定事件绑定v-for循环遍历指令显示隐藏相关指令 Vue框架Vue框架概述Vue是一种流行的渐进式JavaScript框架，用于构建Web用户界面。它具有易学、轻量级、灵活性强、高效率等特点，并且可以与其他库和项
转载
2023-07-17 15:08:50
87阅读
VUE&Element
陈老老老板
视频链接：黑马视频链接 资源链接：VUE&Element资料 提取码：CLLB1，VUE1.1 概述接下来我们学习一款前端的框架，就是 VUE。Vue 是一套前端框架，免除原生JavaScript中的DOM操作，简化书写。我们之前也学习过后端的框架 Mybatis ，Mybatis 是用来简化 jdbc 代码编写的；而 V
转载
2023-10-20 17:01:46
67阅读
1、什么是框架任何编程语言在最初的时候都是没有框架的，后来随着在实际开发过程中不断总结『经验』，积累『最佳实践』，慢慢的人们发现很多『特定场景』下的『特定问题』总是可以『套用固定解决方案』。于是有人把成熟的『固定解决方案』收集起来，整合在一起，就成了『框架』。在使用框架的过程中，我们往往只需要告诉框架『做什么（声明）』，而不需要关心框架『怎么做（编程）』。对于Java程序来说，我们使用框架就是导入
转载
2023-09-24 18:22:56
63阅读
Vue 是一套用于构建用户界面的渐进式框架。
Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。
Vue.js入门一、介绍1. Vue.js 是什么Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框
转载
2023-07-18 00:38:35
230阅读
vue介绍Vue是一套用于构建用户界面的渐进式框架。与其他大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，易于上手，便于与第三方库或既有项目整合，另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也能够为复杂的单页应用提供驱动。特点：轻量级、js语法、入门及上手快vue与jQuery比较：jQuery关注dom；vue关注数据，不关注domvue初步使
转载
2024-03-31 19:46:45
56阅读
一、什么是 Vue
Vue 是一个用于构建用户界面的渐进式的js框架，Vue 的核心是MVVM双向数据绑定模式及组件化开发，它使得开发前端不仅易于上手，还便于与Vue的优良生态或既有项目整合。
二、快速开始
1.在页面引入vue的js文件即可。
注意：cdn是一种加速策略，能够快速的提供js文件
2.在页面中绑定vue元素
创建一个div，id是app
3.创建vue对象，设计对象的内容
其中该v
转载
2023-08-08 22:33:43
252阅读
系列文章Java Web开发（Day1）Java Web开发（Day2）目录前言一、Ajax二、前后端分离开发三、前端工程化 四、Vue组件库Element五、Vue路由六、打包部署一、Ajax概念：Asynchronous JavaScript And XML，异步的JavaScript和XML。作用：数据交换：通过Ajax可以给服务器发送请求，并获取服务器响应的数据。异步交互：可以在
转载
2023-09-28 10:30:04
118阅读
Vue是一套用于构建用户界面的渐进式JavaScript框架，包括Vue核心和模板解析器两部分。特点： 采用组件化模式，提高代码复用率，让代码更好维护；声明式编码，让编码人员无需直接操作DOM，提高开发效率； 使用虚拟DOM和优秀的Diff算法，尽量复用DOM节点。1. 初识引入Vue：<script type="text/javascript" src="../v
转载
2023-09-18 11:03:22
625阅读
Vue实战1、Vue-cli1.1、什么是vue-clivue-cli官方提供的一个脚手架，用于快速生成一个vue的项目模板。预先定义好的目录结构及基础代码，就好比咱们在创建Maven项目时可以选择创建一个骨架项目，这个骨架项目就是脚手架，让我们的开发更加的快速。主要的功能统一的目录结构本地调试热部署单元测试集成打包上线1.2、需要的环境1.2.1、nodejs安装Node.js:http://n
转载
2024-02-07 13:18:24
41阅读
1、概述Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架，发布于2014年2月。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，方便与第三方库（如：vue-router:跳转，vue-resource:通信，vuex:管理)或既有项目整合。官网：https://cn.vuejs.org/v2/gui
转载
2023-10-22 15:51:37
126阅读
Vue-Router资料
Vue-router
Vuex 介绍Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表 模块化的、基于组件的路由配置 路由参数、查询、通配符 基于 Vue.js 过渡系统的视图过渡效果 细粒度的导航控制 带有自动激活的 CSS class 的链接 HTML5 历史模
### Element 文档地址：http://element-ui.cn 介绍：element ui框架的按钮组件，这款由饿了么前端开源的UI框架，一经面世，就收获大量程序员的芳心。在github 上更是高达29.8k的star早已说明一切。用于开发PC端的页面还是绰绰有余的。如果说你是用vue开 ...
转载
2021-09-14 04:55:00
370阅读
2评论
Vue框架学习02一、Vue实例1、创建一个Vue实例2、el选项(属性)3、data选项4、methods选项5、computed选项(计算属性)6、watch选项(状态监听)7、filters选项(过滤器)二、Vue数据绑定1、绑定样式2、内置指令 一、Vue实例1、创建一个Vue实例在Vue项目中，每个Vue应用都是通过用Vue函数创建一个新的Vue实例开始的，创建Vue实例的代码如下：&
转载
2024-01-04 06:01:31
50阅读
【背景】并非权威，可能有错漏，欢迎指正！不胜感激！）【内容】Vue项目新建有多种方式，我这里选用的是使用模板创建，因为模板默认集成了很多项目中必用的东西，所以采用了这种。1、Windows+R，输入“cmd”打开cmd窗口或直接在需要新建项目的目录地址栏里输入cmd，然后回车，即可进入当前目录的cmd窗口。2、在cmd窗口里输入“vue init webpack 项目名”后回车开始新建Vue项目。
转载
2024-06-09 08:32:52
171阅读
vue中的data里的信息注意作用就是将里面的信息在视图中渲染el:(element)就是元素(绑定某个选择器) , data里面写是属性 , methods 里面写的是方法<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>上面的命令行就是引入vue的框架 , 同时会向外暴露一个Vue(),所以使用
转载
2024-08-14 22:33:08
32阅读
Vue框架基本使用
原创
2021-02-20 00:33:28
269阅读
一、Vue的基础使用 先导入vue.js文件，建立vue的对象，并设定选择符，以及数据，通过实例化找到选择符，使用key调用value，之后展示key。 注意事项： 1.一个html页面可以拥有多个vue对象，但是一个vue对象的变量名只能有一个，一个vue对象负责一个功能. 2.js中所有的语法都区分大小写 3.实例化vue对象的代码最好写在body的最下面<scri
转载
2023-11-21 08:41:50
50阅读
搭建开发环境Node.js官方地址：https://nodejs.org/zh-cn/下载安装版本：14.15.4长期支持版(LTS)Visual Studio Code官网地址：https://code.visualstudio.com/下载安装版本：Windows x64省略安装步骤了，注意的一点就是安装路径最好修改一下安装路径：D:\Programs\VSCode安装插件Chinese (S
转载
2021-05-10 10:18:59
180阅读
2评论
