vue
文章平均质量分 67
酷酷的懒虫
2023博客之星Top23,科班出身,在读硕士研究生,目前研究方向为人工智能目标检测领域,专注于C++、Java 的学习和求职,会一直更新自己的学习笔记以及坚持刷力扣算法笔记,涉及面向对象编程、设计模式、网络编程、docker、mysql、redis、Linux、后端开发,音视频等。(坚持每天1.01!)
展开
-
Vue:实战快速上手
采用实战模式并结合ElementUI 组件库,将所需知识点应用到实际中,以最快速度掌握Vue的使用;桌面化应用 ElementUI: https://element.eleme.cn/#/zh-CN/弹窗 LayUI 的 layer (由于官网已下架,在此使用镜像): https://www.layui.site/创建工程 注意:命令行都要使用管理员模式运行1、创建一个名为hello-vue的工程vue init webpack hello-vue2、安装依赖,我们需要安装vue-原创 2022-11-20 15:24:05 · 302 阅读 · 0 评论 -
Vscode中vue代码颜色插件
vscode的确是前端开发中很好的工具,初始的vscode代码全是灰色,黑色。需要安装颜色插件,从视觉上是美的享受。 在VSCode Marketplace 搜素Vue 出现关于语法高亮的插件有 vue,vue-beautify,vue-color,VueHelper,vertur等等。比较了下载数量可以了解到,vetur 是目前比较好的高亮插件。1、打开Vscode2、安装成功后重启Vscode即可...原创 2022-05-03 13:32:58 · 18193 阅读 · 0 评论 -
Vue: vue-router路由
说明 学习的时候,尽量的打开官方的文档 Vue Router是Vue.js官方的路由管理器。它和Vue.js的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有:● 嵌套的路由/视图表● 模块化的、基于组件的路由配置● 路由参数、查询、通配符● 基于Vue.js 过渡系统的视图过渡效果● 细粒度的导航控制● 带有自动激活的CSS class的链接● HTML5历史模式或hash模式,在IE9中自动降级● 自定义的滚动条行为安装 基于第一个vue-cli进行测试学习;先原创 2022-05-02 21:00:59 · 139 阅读 · 0 评论 -
Vue: Webpack学习
什么是Webpack 本质上,webpack是一个现代JavaScript应用程序的静态模块打包器(module bundler)。 当webpack处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个bundle. Webpack是当下最热门的前端资源模块化管理和打包工具,它可以将许多松散耦合的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分离,等到实际需要时再异原创 2022-05-02 18:08:18 · 179 阅读 · 0 评论 -
Vue:第一个vue-cli项目
什么是vue-cli vue-cli官方提供的一个脚手架,用于快速生成一一个vue的项目模板; 预先定义好的目录结构及基础代码,就好比咱们在创建Maven项目时可以选择创建一个骨架项目,这个骨架项目就是脚手架,我们的开发更加的快速;主要的功能:● 统一的目录结构● 本地调试● 热部署● 单元测试● 集成打包上线需要的环境●Node.js : http://nodejs.cn/download/安装就无脑下一步就好,安装在自己的环境目录下●Git : https://git-scm原创 2022-05-02 16:56:13 · 681 阅读 · 0 评论 -
Axios 异步通信、计算属性、插槽slot
什么是Axios Axios是一个开源的可以用在浏览器端和NodeJS 的异步通信框架,她的主要作用就是实现AJAX异步通信,其功能特点如下: ● 从浏览器中创建XMLHttpRequests ● 从node.js创建http请求 ● 支持Promise API [JS中链式编程] ● 拦截请求和响应 ● 转换请求数据和响应数据 ● 取消请求 ● 自动转换JSON数据 ● 客户端支持防御XSRF (跨站请求伪造)GitHub: https://github.com/ax原创 2022-05-01 19:25:20 · 422 阅读 · 0 评论 -
Vue双向绑定及Vue组件
什么是双向数据绑定 Vue.js是一个MVVM框架,即数据双向绑定,即当数据发生变化的时候,视图也就发生变化,当视图发生变化的时候,数据也会跟着同步变化。这也算是Vue.js的精髓之处了。 值得注意的是,我们所说的数据双向绑定,一定是对于UI控件来说的,非UI控件不会涉及到数据双向绑定。单向数据绑定是使用状态管理工具的前提。如果我们使用 vuex,那么数据流也是单项的,这时就会和双向数据绑定有冲突。为什么要实现数据的双向绑定 在Vue.js中,如果使用vuex ,实际上数据还是单向的,之所以说原创 2022-05-01 15:55:12 · 266 阅读 · 0 评论 -
Vue基本语法
Vue常用7个属性学习vue我们必须知到它的7个属性, 8个方法,以吸7个指令。787原则 ●el属性 来指示vue编译器从什么地方开始解析vue的语法,可以说是一 个占位符。 ●data属性 用来组织从view中抽象出来的属性,可以说将视图的数据抽象出来存放在data中。 ●template属性 用来设置模板,会替换页元素,包括占位符。 ●methods属 性 放置页面中的业务逻辑,js方法一 般都放置在methods中 ●render属性 创建真正的Virt原创 2022-05-01 15:26:30 · 102 阅读 · 0 评论 -
Vue:前端体系、前后端分离
1、概述Vue (读音/vju/, 类似于view)是一套用于构建用户界面的渐进式框架,发布于2014年2月。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库(如: vue-router: 跳转,vue-resource: 通信,vuex: 管理)或既有项目整合。官网:https://cn.vuejs.org/v2/guide/ Soc : HTML+ CSS+JS : 视图:给用户看,刷新后台给的数据网络通信: axios页原创 2022-05-01 11:10:39 · 2118 阅读 · 0 评论 -
vue.js
Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件[1]。Vue js自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习,非常容易与其它库或已有项目整合。另一方面,在与相关工具和支持库一起使用时,v原创 2022-04-27 16:39:23 · 374 阅读 · 0 评论