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

浙公网安备 33010602011771号