
Vue简明实用教程
文章平均质量分 86
Vue简明实用教程
谷哥的小弟
历任研发工程师,技术组长,项目经理;曾于2016年、2020年两度荣获优快云年度十大博客之星。
十载寒冰,难凉热血;多年过去,历经变迁,物是人非。
然而,对于技术的探索和追求从未停歇。
坚持原创,热衷分享,初心未改,继往开来!
展开
-
Vue项目搭建图文详解教程
请在本地创建文件夹用于存放Vue项目,例如:创建HelloWorld文件夹存放即将创建的Vue新项目。原创 2023-10-03 22:36:32 · 638 阅读 · 0 评论 -
Vue简明实用教程(16)——Vue CLI开发环境搭建
命令行界面(英语:command-line interface,缩写:CLI)是在图形用户界面得到普及之前使用最为广泛的用户界面,它通常不支持鼠标,用户通过键盘输入指令,计算机接收到指令后,予以执行;也有人称之为字符用户界面(CUI)。通常认为,命令行界面(CLI)没有图形用户界面(GUI)那么方便用户操作。因为,命令行界面的软件通常需要用户记忆操作的命令,但是,由于其本身的特点,命令行界面要较图形用户界面节约计算机系统的资源。原创 2021-12-28 18:52:59 · 764 阅读 · 0 评论 -
Vue简明实用教程(15)——Vue的路由
Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。通俗地来说:使用Vue Router可以将现有Vue开发变得更加灵活,它可依据前端请求url在页面展示不同的组件。原创 2021-12-28 18:44:45 · 794 阅读 · 0 评论 -
Vue简明实用教程(14)——Vue的组件
VUE推荐前端采用 SPA 方式进行开发。在SPA(single page application)方式中,一个应用程序只有一个HTML页面。所以,也倡导一个页面中只有一个Vue的实例。为了实现代码重用提升开发效率,可以根据业务功能将页面划分为不同的组件(component)以便于日后维护与修改。组件是可复用的实例,与Vue实例类似,它拥有自身的data、computed、methods 、生命周期函数。原创 2021-12-20 20:02:59 · 2223 阅读 · 1 评论 -
Vue简明实用教程(13)——Vue的生命周期
在Vue生命周期的三大阶段中囊括了八个生命周期函数(钩子)。这些生命周期函数不需要开发人员手动调用,而是在整个生命周期过程中自动触发的。初始化阶段包括以下生命周期函数原创 2021-12-18 20:06:47 · 2747 阅读 · 2 评论 -
Vue简明实用教程(12)——axios
axios是一个基 promise的HTTP库,它可用在浏览器和node.js 中。axios是一个异步请求框架,其核心用途在于在页面中发送异步请求并获取对应数据在页面中渲染。虽然axios不是Vue的组成部分;但是,Vue推荐使用axios进行异步请求。原创 2021-12-13 19:37:33 · 2365 阅读 · 2 评论 -
Vue简明实用教程(11)——computed计算属性
计算属性(computed属性)是基于响应式依赖的缓存,只在相关响应式依赖发生改变时它们才会重新求值。computed属性进行计算后,会将第一次计算结果进行缓存便于日后页面多次使用,从而避免多次重复的调用进而减少系统开销。原创 2021-12-13 19:28:56 · 1228 阅读 · 0 评论 -
Vue简明实用教程(10)——Vue综合练习(购物车)
关于Vue的综合练习小项目之购物车原创 2021-11-16 21:53:31 · 593 阅读 · 0 评论 -
Vue简明实用教程(09)——Vue综合练习(待办事项)
关于Vue的综合练习小项目之待办事项原创 2021-11-16 21:51:58 · 574 阅读 · 0 评论 -
Vue简明实用教程(08)——v-model指令
v-model指令用于将html标签的value属性绑定至Vue的实例,并由Vue的实例对其进行管理。v-model指令常用于input标签。也就是说,我们可以用v-model替换input中的value属性。原创 2021-11-14 21:39:05 · 2066 阅读 · 0 评论 -
Vue简明实用教程(07)——v-for指令
v-for指令常用于对集合进行遍历。原创 2021-11-14 21:36:53 · 1481 阅读 · 0 评论 -
Vue简明实用教程(06)——v-bind指令
v-bind指令用于将html标签某个属性绑定至vue实例,并由vue实例对其进行管理。在绑定之后,我们可通过vue动态修改标签的属性。原创 2021-11-10 20:22:26 · 1340 阅读 · 1 评论 -
Vue简明实用教程(05)——v-if和v-show指令
v-if和v-show指令用于根据判断条件显示或隐藏元素。当条件判断结果为真时显示元素,当条件判断结果为假时隐藏元素。原创 2021-11-10 20:20:19 · 1213 阅读 · 0 评论 -
Vue简明实用教程(04)——事件处理
在Vue中可非常便利地进行事件处理,例如:点击事件、鼠标悬停事件等。原创 2021-11-09 21:46:21 · 1204 阅读 · 2 评论 -
Vue简明实用教程(03)——v-text和v-html指令
v-text指令用于获取data中的数据并将数据以文本的形式渲染到指定标签,其作用非常类似于HTML中的innerText。v-html指令用于获取data中的数据并将数据渲染到指定标签,其作用非常类似于HTML中的innerHTML。原创 2021-11-09 21:43:27 · 1272 阅读 · 0 评论 -
Vue简明实用教程(02)——Vue的data属性详解
我们可在Vue的data属性中定义基本数据类型(字符串、整数等)、数组、对象、对象数组。原创 2021-11-09 21:40:22 · 9296 阅读 · 2 评论 -
Vue简明实用教程(01)——Vue框架入门
Vue是一个渐进式的JavaScript框架。Vue主要特征如下:原创 2021-11-09 21:33:08 · 4249 阅读 · 2 评论