Vue.JS
关注
分享
扫一扫
文章平均质量分 71
凌冰_
分享知识带给我的快乐！帮助他人就是帮助自己。
希望更多人能关注，来分享我的成果！
希望大家快快乐乐的学习，开开心心的畅游知识的海洋。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue 使用Ajax异步或同步
Vue 使用Ajax异步或同步原创 2025-07-02 10:49:40 · 703 阅读 · 0 评论 -
Vue 快速入门
Vue 快速入门原创 2025-06-30 12:25:16 · 1384 阅读 · 0 评论 -
Vue 组件通信-自定义事件（七）
Vue 组件通信-自定义事件（七）原创 2024-11-08 16:00:52 · 541 阅读 · 0 评论 -
Vue 组件传递数据-Props（六）
Vue 组件传递数据-Props（六）原创 2024-11-05 16:02:18 · 1009 阅读 · 0 评论 -
Vue 组件基础（五）
Vue 组件详解（五）原创 2024-11-01 10:38:50 · 508 阅读 · 0 评论 -
Vue 组件生命周期（四）
Vue 组件生命周期（四）原创 2024-10-29 15:56:51 · 518 阅读 · 0 评论 -
HBuilder X 中Vue.js基础使用4-＞表单输入绑定（三）
HBuilder X 中Vue.js基础使用4-＞表单输入绑定（三）原创 2024-10-29 10:19:27 · 1274 阅读 · 0 评论 -
HBuilder X 中Vue.js基础使用-＞计算属性的应用（三）
HBuilder X 中Vue.js基础使用->计算属性的应用（三）原创 2024-10-25 15:33:22 · 547 阅读 · 0 评论 -
HBuilder X 中Vue.js基础使用3（三）
HBuilder X 中Vue.js基础使用3-计算属性（三）原创 2024-10-25 11:16:51 · 469 阅读 · 0 评论 -
HBuilder X 中Vue.js基础使用2（三）
HBuilder X 中Vue.js基础使用2（三）原创 2024-10-23 15:25:19 · 1076 阅读 · 0 评论 -
HBuilder X 中Vue.js基础使用1（三）
HBuilder X 中Vue.js基础使用（三）原创 2024-10-22 15:12:34 · 1284 阅读 · 0 评论 -
HbuilderX 构建Vue3运行后发生异常：Cannot GET /的问题
HbuilderX 构建Vue3运行后发生异常：Cannot GET /的问题原创 2024-10-21 10:58:42 · 564 阅读 · 0 评论 -
安装vue发生异常：npm ERR! the command again as root/Administrator.
安装vue发生异常：npm ERR! the command again as root/Administrator.原创 2024-10-17 10:59:11 · 592 阅读 · 0 评论 -
安装vue发生异常： idealTree:nodejs: sill idealTree buildDeps
安装vue发生异常： idealTree:nodejs: sill idealTree buildDeps原创 2024-10-17 11:05:03 · 789 阅读 · 0 评论 -
Vue.js 错误异常： Component template should contain exactly one root element.
Vue.js 错误异常： Component template should contain exactly one root element.原创 2024-10-15 15:49:00 · 651 阅读 · 0 评论 -
HBuilder X中搭建Vue-cli项目组件和路由以及UI库使用（二）
HBuilder X中搭建vue-cli项目组件和路由以及UI库使用（二）原创 2024-10-11 15:30:04 · 1475 阅读 · 0 评论 -
HBuilder X中搭建vue-cli项目（一）
HBuilder X中搭建vue-cli项目（一）原创 2024-09-27 15:54:54 · 1900 阅读 · 0 评论 -
Vue.js框架--插件vue-resource请求数据（十一）
主要操作技能： 1. 通过https://github.com/ 查找 vue-resource插件 2 .使用vue-resource请求数据的步骤：. 2.1)需要安装 vue-resource模块 ，注意加上--save npm install vue-resource --save/cnpm install vue-resourc...原创 2018-09-04 12:07:57 · 339 阅读 · 0 评论 -
Vue.js框架--Ui框架的Mint UI中 Infinite scroll 集合API实现上拉分页更多（二十三）
主要操作技能： 1>打开http://mint-ui.github.io/docs/#/zh-cn2/infinite-scroll文档查看 2>实现这个功能编写代码： UserAdd.vue<template> <div id="add"> <h3>{{msg}}</h3> <!-..原创 2018-10-25 14:14:37 · 563 阅读 · 0 评论 -
Vue.js框架--Ui框架的Element UI（二十四）
主要操作技能： 1>去官网查看http://element-cn.eleme.io/2.4/#/zh-CN/component/quickstart 2>安装: cnpm i element-ui -S 3> 在main.js文件中引入//elementUI使用import ElementUI from 'element-ui';im...原创 2018-10-25 15:20:31 · 553 阅读 · 0 评论 -
Vue.js框架--Ui框架的Element UI 按需引入（二十五）
主要操作技能： 1>去官网查看http://element-cn.eleme.io/2.4/#/zh-CN/component/quickstart 借助 babel-plugin-component，我们可以只引入需要的组件，以达到减小项目体积的目的。 1. 必须安装 cnpm i element-ui -S 2 安装 cnpm install ba...原创 2018-10-29 15:54:28 · 876 阅读 · 0 评论 -
Vue.js框架--路由模块化（二十六）
主要操作技能： 1>创建文件夹\router.js文件 2>写入相关路由配置 router.jsimport Vue from 'vue'//0. 使用路由import VueRouter from 'vue-router'Vue.use(VueRouter)//1. 定义 (路由) 组件。import Home from '../componen...原创 2018-10-29 15:59:28 · 950 阅读 · 0 评论 -
HBuilder 显示点开头的文件 如.babelrc
文件系统中的文件列表是导入到HBuilder中后，默认情况下 HBuilder 项目视图中显示的文件列表不全那么就必须对HBuilder进行设置设置后 就可以看到除了.project之外的文件...原创 2018-10-26 17:18:47 · 696 阅读 · 0 评论 -
Vue.js框架--Ui框架的Mint UI（二十一）
主要操作技能：饿了么公司基于vue开发的vue的Ui组件库 (1) Element Ui 基于vue pc端的UI框架 (2) MintUi 基于vue 移动端的ui框架 通过github.com 网站去查询mint ui查找第一个OK！ 1）官方网站： http://mint-ui.github.io/#...原创 2018-10-24 16:43:23 · 446 阅读 · 0 评论 -
Vue.js框架--Vuex实现不同组件计数器数据共享（二十七）
主要操作技能： 官网：https://vuex.vuejs.org/zh/一、Vuex 解决不同组件数据共享，数据持久化。 1.安装 cnpm install vuex --save 2.在src下创建vuex文件夹,在创建文件store.js 3.在store.js文件中引入vuex import Vue from 'vue'...原创 2018-10-30 15:43:01 · 577 阅读 · 0 评论 -
Vue.js框架--Vuex实现组件里数据持久化（二十八）
主要操作技能： Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 新闻页面每次切换路由时，再次访问就会请求数据；那么如何直接从vuex中持久化数据呢？ 1）在store.js中 state定义list数组/*1.state在vuex中用于存储数据*/var state = { count: 1, list: [] //存储新闻数据...原创 2018-10-30 16:19:30 · 1422 阅读 · 0 评论 -
Vue.js框架--使用反单引号(ES6 引入了模板字符)（二十九）
在使用vue编程中，组件里面绑定的事件如果有传入事件名称字符串/字符串参数，这个时候光用单双引号会出现string is undefined，这个时候我们就需要用到反单引号，那么反单引号如何输出? 作用是什么? 模板字符串（template string）是增强版的字符串，用反引号（`）标识。它可以当作普通字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量。 ...原创 2018-11-06 11:12:40 · 9981 阅读 · 1 评论 -
Vue.js框架--请求网络接口中图片403异常（三十）
解决方法： 在index页面加上这个就行了<meta name="referrer" content="no-referrer" /> 效果: 转： https://www.jianshu.com/p/b12c5b4fd9df原创 2018-11-06 12:20:09 · 2053 阅读 · 2 评论 -
Vue.js框架--Ui框架的Mint UI action-sheet.vue（二十二）
主要操作技能： 1>下载mint ui 的源码，拷贝action-sheet.vue 从Demo 找到这个Action Sheet 运行效果下载解压这个mint-ui-master找到action-sheet.vue文件 2>使用这个Action-Sheet组件 编写代码： 拷贝action-sheet.vue到工程中...原创 2018-10-25 11:17:06 · 1297 阅读 · 0 评论 -
豆瓣电影的使用
1、获取正在热映的电影：接口：https://api.douban.com/v2/movie/in_theaters访问参数：start : 数据的开始项count：单页条数city：城市如：获取 广州热映电影 第一页 10条数据：https://api.douban.com/v2/movie/in_theaters?city=广州&start=0&co...原创 2020-08-24 11:09:27 · 22236 阅读 · 9 评论 -
Vue.js中 computed和methods不同机制
在vue.js中，有methods和computed两种方式来动态当作方法来用的1.首先最明显的不同 就是调用的时候，methods要加上（）2.我们可以使用 methods 来替代 computed，效果上两个都是一样的，但是 computed 是基于它的依赖缓存，只有相关依赖发生改变时才会重新取值。而使用 methods ，在重新渲染的时候，函数总会重新调用执行 为了方便理...转载 2018-09-05 17:18:52 · 223 阅读 · 0 评论 -
Vue.js框架--封装localStorage组件实现保存的历史记录来完善todolist（八）
主要操作技能： 1.生命周期函数 vue页面刷新就会触发的方法 mounted{} 2.封装localStorage组件 3.使用模块化, 导入引用 import storage from './model/storage.js' 编写代码：<template> <div id="app"> <...原创 2018-08-30 12:02:36 · 994 阅读 · 0 评论 -
Vue.js框架--双向数据绑定实现todolist（七）
主要操作技能： 1. MVVM :双向数据绑定: 复选框checked=true/false 2. 条件判断 v-if 复选框checked 3. 输入框中的键盘按下事件keydown=doAdd($event) 4. 用样式美化页面要实现 http://www.todolist.cn这个效果！编写代码:<templat...原创 2018-08-30 09:19:34 · 495 阅读 · 0 评论 -
Vue.js框架--父组件与子组件交互数据（十四）
主要操作技能： 1、 父组件主动获取子组件的数据和方法 * 1>调用子组件的时候定义一个ref <v-header ref='header'></v-header> 2>在父组件中通过 * this.$refs.header.属性 * * th...原创 2018-09-04 17:28:29 · 188 阅读 · 0 评论 -
Vue.js框架--父组件传属性和方法给子组件、父组件传整个对象给子组件（十三）
主要操作技能： 1 .父组件调用子组件的时候，绑定动态属性 <v-header :title="title"></v-header> 2.在子组件中通过props来接受父组件传的数据 props: ['title','msg','run','home'] props: { //可以指定属性具体的数据类型...原创 2018-09-04 16:20:27 · 3944 阅读 · 0 评论 -
Vue.js框架--axios请求数据（十二）
主要操作技能： vue本身是不支持发送ajax请求，需要通过其他库来实现的（比如vue1.0版本官方推荐的vue-resource、vue2.0版本官方推荐的axios），或者也可以使用jquery来发送ajax请求; vue2.0版本已经不推荐vue-resurce了，官方推荐axios来发送, 先了解的是axios是一个基于Promise的HTTP请求客户...原创 2018-09-04 14:33:25 · 311 阅读 · 0 评论 -
Vue.js框架--组件的生命周期函数（十）
主要操作技能： 1. 生命周期函数的的定义： 就是组件挂载、以及组件更新、组件销毁的时候触发的一系列方法。也叫生命周期钩子 2. 生命周期图示： 编写代码： Lify.vue组件<template> <div id="life"> 生命周期函数的使用！ -->{{msg}}<b...原创 2018-09-04 10:51:25 · 276 阅读 · 0 评论 -
Vue.js框架--双向数据绑定实现todolist简单应用（六）
主要操作技能： 1.双向数据绑定MVVM 2.使用数组，再用v-for循环数据 3.数组中的splice() 方法 要实现 http://www.todolist.cn这个效果！编写代码:<template> <div id="app"> <!--v-model绑定数据 -->...原创 2018-08-29 16:07:54 · 199 阅读 · 0 评论 -
Vue.js框架--自定义方法和事件的使用（五）
主要操作技能： 自定义方法的使用:有参数，无参数； 事件的使用 $event ===>e.srcElement.dataset 自定义属性：data- 如： data-aid ,data-uname 单击按钮，触发的事件编写代码：<template> <div id="app"> {{...原创 2018-08-29 14:36:48 · 757 阅读 · 0 评论 -
Vue.js框架--双向数据绑定,用ref获取dom节点（四）
主要操作技能： 双向数据绑定 mvvm: model view view model ref获得dom节点: ref="username" ==>显示数据this.$refs.username.value编写代码:<template> <div id="app"> <h2>{{msg}}</h2>&am原创 2018-08-29 14:11:22 · 843 阅读 · 0 评论