Vue
关注
分享
扫一扫
文章平均质量分 60
适合Vue.js的初学者。
牛哄哄的柯南
keafmd(keep accumulate for my dream)
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue根据对象中的某个属性来排序对象数组【入门】
根据age排序要对对象数组按照其中某个属性进行排序，我们可以使用 JavaScript 的 sort() 方法，并传入一个自定义的比较函数。在这个比较函数中，我们可以指定按照哪个属性进行排序。假设有一个对象数组 items，其中每个对象都包含一个 name 属性和一个 age 属性，我们可以使用以下代码将它们按照 age 属性进行排序：在上面的代码中，我们在组件的 data 选项中定义了一个对象数组 items，它包含了每个人的姓名和年龄。在模板中，我们使用 v-for 指令循环渲染数组中的元素。在 s原创 2023-03-03 17:30:52 · 5565 阅读 · 0 评论 -
修改Vue项目网页标题（title，name）
当我们有一个Vue项目，我们想更改项目网页的title时，更改下面这个位置的内容。解决办法：打开Vue项目找到package.json文件把第一行的name更改成你想要的内容即可。看完如果对你有帮助，感谢点赞支持！如果你是电脑端，看到右下角的 “一键三连” 了吗，没错点它[哈哈]加油！共同努力！Keafmd...原创 2021-01-06 19:11:31 · 15849 阅读 · 7 评论 -
npm ERR! Unexpected end of JSON input while parsing near ‘...“:“^1.2.0“,“vue-html-‘ npm ERR! A comp
当我们出现这样的错误：解决办法：原创 2020-12-14 21:59:17 · 3649 阅读 · 6 评论 -
搭建Vue-Cli脚手架（超详细）
搭建Vue-Cli脚手架安装npm安装cnpm全局安装 vue-cli创建vue-cli工程vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目。 下面我将从零介绍 vue-cli 的整个搭建过程。注意：以下内容是基于Vue-cli4.0以上版本的安装npmNPM（node package manager）是随同node.js一起安装的包管理工具，能解决前端代码部署上的很多问题，常见的使用场景有以下几种：1.允许用户从NPM服务器下载别人原创 2020-12-14 21:26:28 · 5274 阅读 · 7 评论 -
Vue的生命周期
Vue的生命周期引言Vue生命周期图示代码演示总结引言在使用vue进行日常开发中，我们总有这样的需求，想在页面刚一加载出这个表格组件时，就发送请求去后台拉取数据，亦或者想在组件加载前显示个loading图，当组件加载出来就让这个loading图消失等等这样或那样的需求。要实现这些需求，最重要的一点就是我怎么知道这个组件什么时候加载，换句话说我该什么时候向后台发送请求，为了解决这种问题，组件的生命周期钩子函数就应运而生。Vue生命周期图示下面这张图，就是Vue官网给展示的Vue生命周期图：下面是原创 2020-12-10 19:49:24 · 2507 阅读 · 21 评论 -
Vue路由
Vue路由Vue路由基础嵌套路由路由重定向路由传参params形式传参query形式传参params方式与query方式的区别编程式路由利用JS实现路由跳转通过watch实现路由监听导航守卫Vue路由基础Vue属于单页应用（SPA），即整个应用程序中只有一个html页面。在单页应用中（SPA），由于只是更改DOM来模拟多页面，所以页面浏览历史记录的功能就丧失了。此时，就需要前端路由来实现浏览历史记录的功能。样例代码：<!DOCTYPE html><html> <h原创 2020-12-09 21:19:13 · 4493 阅读 · 32 评论 -
Vue组件
Vue组件初识Vue组件全局组件初识Vue组件在vue中，组件是最重要的组合部分，官方中定义组件为可复用的vue实例，分为全局组件和局部组件，接下来通过实例来分别演示两种不同的组件。全局组件全局组件可以在任意Vue示例下使用。样例代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <bo原创 2020-12-07 21:58:42 · 2569 阅读 · 13 评论 -
Vuejs提高篇（二）
Vuejs提高篇Vue方法、计算属性及监听器methods 方法computed 计算属性一个案例：根据商品数量修改总价watch 监听器监听基本数据类型深度监听Vue方法、计算属性及监听器在vue中处理复杂的逻辑的时候，我们经常使用计算属性、方法及监听器。methods(方法)：它们是挂载在Vue对象上的函数，通常用于做事件处理函数，或自己封装的自定义函数。computed(计算属性)：在Vue中，我们可以定义一个计算属性，这个计算属性的值，可以依赖于某个data中的数据。或者说：计算属性是对原创 2020-12-06 21:51:23 · 2571 阅读 · 47 评论 -
Vuejs提高篇（一）
Vuejas提高篇事件处理指令条件渲染指令循环遍历指令综合案例(添加员工信息)事件处理指令我们可以用 v-on 指令绑定一个事件监听器，通过它调用我们 Vue 实例中定义的方法。v-on指令可以简写为：@条件渲染指令循环遍历指令综合案例(添加员工信息)...原创 2020-12-03 22:37:21 · 6109 阅读 · 48 评论 -
Vuejs基础入门
Vuejs基础入门Vue概述早期前后端分离模式MVVM框架Vue简介Vue.js快速入门安装Vue环境Hello World程序Vue概述早期前后端分离模式早期的前后端分离开发模式是这样的：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style>原创 2020-12-01 21:19:45 · 7891 阅读 · 43 评论