随笔分类 -  Vue.js

摘要:一、VS code中断点调试Vue CLI 4项目 1、Debugger for Chrome插件 2、配置vue.config.js文件(如果没有,在根目录下新增一个) module.exports = { configureWebpack: { devtool: 'source-map' } } 阅读全文
posted @ 2020-02-14 15:08 反骨少年 阅读(1777) 评论(0) 推荐(0)
摘要:一、遇到的问题 如图 如图 这个值就是拿不到 代码如下: /** * Created by superman on 17/2/16. * http配置 */ import { Toast } from 'vant'; import axios from 'axios' import store fr 阅读全文
posted @ 2020-02-13 14:44 反骨少年 阅读(323) 评论(0) 推荐(0)
摘要:一、Vuex演示(mutations同步方法) 通过const state定义变量方式,在new Vuex.Store是引用的写法 1、main.js //sotre中的变量为所有组件共享变量,即全局变量 import Vue from 'vue';//引用vue import Vuex from 阅读全文
posted @ 2020-02-12 00:35 反骨少年 阅读(246) 评论(0) 推荐(0)
摘要:简单例子 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http- 阅读全文
posted @ 2020-02-10 21:28 反骨少年 阅读(4016) 评论(0) 推荐(0)
摘要:一、安装Vant框架 1、如图 2、安装 二、 按钮的使用 1、更改全局样式和使用 代码如下: import 'vant/lib/index.css'; import {Button} from 'vant'; Vue.use(Button) //在需要的页面中就可以直接使用,页面当中也无需再次引入 阅读全文
posted @ 2020-02-10 18:45 反骨少年 阅读(2929) 评论(0) 推荐(1)
摘要:一、Vant起步 1、基于Vue Cli基础的环境 2、创建项目 vue create blog.web ( >名字中不能有大写也不能用驼峰命名) 如图: 3、项目查看 4、安装路由 4.1进入 项目 cd blog.web 并运行 npm install vue-router 如图: 5、使用路由 阅读全文
posted @ 2020-02-09 19:04 反骨少年 阅读(1289) 评论(0) 推荐(0)
摘要:一、https://www.cnblogs.com/yuqing6/p/7440549.html vue-devtools 阅读全文
posted @ 2019-12-28 16:09 反骨少年 阅读(458) 评论(0) 推荐(0)
摘要:一、api.js (参考) 顶部注释: 底部注释: 二、导入 效果: 继续使用: 运行环境:用APP打开,浏览器没有api对象,只有APP运行环境才有API对象 代码如下: APP环境中的浏览器,通过android原生往浏览器注入api对象, 这个API对象调用apicloud的原生的API接口,实 阅读全文
posted @ 2019-12-06 15:48 反骨少年 阅读(1429) 评论(0) 推荐(0)
摘要:一、取消eslint 校验代码 删除 即可。 阅读全文
posted @ 2019-12-06 15:43 反骨少年 阅读(1555) 评论(0) 推荐(0)
摘要:一、最常见的用法: 二、当然也可以带参数: 三、匿名函数的链式调用 不常见的: 加符号是简写 阅读全文
posted @ 2019-12-06 14:46 反骨少年 阅读(262) 评论(0) 推荐(0)
摘要:一、 <script> export default { name: 'HelloWorld' } $(function () { alert('引入成功') }) </script> 一、export的使用 比喻index.js要使用test.js中的数据,首先在test.js文件中进行导出操作 阅读全文
posted @ 2019-12-06 14:17 反骨少年 阅读(43369) 评论(1) 推荐(3)
摘要:一、模块的安装 如图: 二、配置main.js 如图: 三、简单使用示例 页面加载时执行: 点击按钮执行: 异步请求的 代码如下: 四、路由跳转与参数 可以使用 this.$router.push(location) 来更改url,完成跳转 代码如下: 接受页面: 点击跳转页面 阅读全文
posted @ 2019-12-04 17:00 反骨少年 阅读(1502) 评论(0) 推荐(0)
摘要:一、单页面 代码如下: 二、页面跳转 代码如下: 阅读全文
posted @ 2019-12-04 16:29 反骨少年 阅读(411) 评论(0) 推荐(0)
该文被密码保护。
posted @ 2019-12-02 14:55 反骨少年 阅读(14) 评论(0) 推荐(0)
摘要:一、组件库 移动端商城 Vue 组件库 阅读全文
posted @ 2019-11-26 11:18 反骨少年 阅读(643) 评论(0) 推荐(0)
摘要:一、Vue CLI https://cli.vuejs.org/zh/guide/installation.html 介绍: 二、安装 # 安装 Vue Cli npm install -g @vue/cli 目的是可以让你使用Vue命令 # 访问Vue命令 vue --version 三、项目创建 阅读全文
posted @ 2019-11-20 10:49 反骨少年 阅读(257) 评论(0) 推荐(0)
摘要:一、上下拉新,下拉加载 阅读全文
posted @ 2019-11-15 14:03 反骨少年 阅读(229) 评论(0) 推荐(0)
摘要:一、npm安装WebPack (这种情况就会出现在项目外部,只不过借用VS的程序包管理器控制台获取而已) 右击新建项目创建webpack 阅读全文
posted @ 2019-10-14 16:40 反骨少年 阅读(888) 评论(0) 推荐(0)
摘要:一、安装Node.js使用NPM 首要初始化NPM用到的配置文件package.json(这个文件用来管理我们使用组件包) 二、首先在命令行进行npm||cnpm下载 -D:就是 --save -dev 然后在你想要用scrolle的那个页面里将咱们刚才下载的东西引入 效果: 代码格式: vue-s 阅读全文
posted @ 2019-10-12 13:58 反骨少年 阅读(229) 评论(0) 推荐(0)
摘要:1、 阅读全文
posted @ 2019-08-31 09:40 反骨少年 阅读(530) 评论(0) 推荐(0)