
vue
文章平均质量分 71
以实战为线索,分享vue细节内容
咖啡泡泡
这个作者很懒,什么都没留下…
展开
-
Vue项目中使用Vuex
Vue项目中使用VuexVuex的安装及导入npm安装store.js中全局引入Vuex的state用法state的第一种用法(this.$store.state.变量名)state的第二种用法(mapState)Vuex的mutations用法Vuex的安装及导入npm安装npm install vuex --savestore.js中全局引入import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default n原创 2021-11-16 11:48:28 · 1033 阅读 · 1 评论 -
pm2部署vue项目到虚拟机
1 下载依赖npm install -g expressnpm install -g express-generatorexpress --version 查看是否安装成功2 项目打包npm run build运行后会生成dist目录3 在项目的根目录下新建bin目录,在bin目录中新建index.js//index.jsconst express = require('express');const app = express();app.use(express.static('.原创 2021-03-18 17:33:25 · 546 阅读 · 0 评论 -
vue插件实现循环滚动列表——vue-seamless-scroll
1、 安装插件vue-seamless-scrollnpm install vue-seamless-scroll --save2、在main.js中引入插件import scroll from 'vue-seamless-scroll'Vue.use(scroll)3、在vue组件中使用vue-seamless-scroll<template> <div id="about"> <!--使用vue-seamless-scroll,:data绑原创 2021-03-12 12:40:22 · 1165 阅读 · 1 评论 -
vue-cli3创建项目及echarts在vue项目中如何使用
vue脚手架是一个命令行工具,用来快速生成vue项目基础架构,官网:https://cli.vuejs.org/zh/一、环境准备1、安装node.js官网下载:https://nodejs.org/en/download/由于node.js官网为外国网站,利用npm下载东西较慢,可以采用淘宝镜像cnpm。下载cnpm命令:npm i -g cnpm --registry=https://registry.npm.taobao.org2、安装vue-cli 脚手架构建工旧版本的安装(2.x):原创 2021-03-04 17:27:22 · 973 阅读 · 3 评论