vue
一叶知秋9307
学而不思则罔,思而不学则殆
展开
-
vue作用域插槽,使用子的值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="./vue.js"></script></head><body><div id="app"> <tt> <tem.原创 2021-07-21 15:08:37 · 97 阅读 · 0 评论 -
axios基本使用封装
封装成一个函数 httpimport Axios from 'axios';import cookie from '@/lib/cookie';// 下面的路径来自 .env 文件export const baseUrl = process.env.VUE_APP_URL;// 基本的 axios 配置let axios = Axios.create({ baseURL: baseUrl, timeout: 30000, headers: { 'Co原创 2021-06-13 09:34:56 · 109 阅读 · 0 评论 -
node入门 搭建基本服务器
1. 介绍用node搭建一个本地的服务器,然后将 vue 项目打包后,使用这个服务器打开。2. 搭建步骤(1) 创建文件夹并初始化mkdir node-servercd node-serveryarn init -y(2) 安装依赖 expressyarn add express(3) 根目录下创建核心文件 app.jsconst path = require('path')const express = require('express')const app = express原创 2021-03-17 14:10:45 · 153 阅读 · 0 评论 -
创建多页面VUE项目
1. 基本项目结构node_modulespublic|-- favicon.ico|-- index.htmlsrc|-- assets|-- pages |-- bank |-- assets |-- components |-- router |-- views |-- gov |-- assets |-- components |-- router |-- viewspackage.jsonvue.config.js实际上就是使用 vue-c原创 2021-03-16 17:10:07 · 165 阅读 · 0 评论 -
vue中实现文本超过指定行省略显示组件
废话不多说,直接上代码<template> <div class="text-limit"> <span class="hide-text" ref="onlyOne">{{value ? value.slice(0, 2) : "中国"}}</span> <span class="hide-text" ref="hideText"></span> {{resultStr}} </div>原创 2021-03-02 09:53:43 · 616 阅读 · 0 评论 -
vue cli 环境变量和模式
官网地址: https://cli.vuejs.org/zh/guide/mode-and-env.html#%E6%A8%A1%E5%BC%8F1. 为什么要使用我们在开发中,要调用本地服务,测试服务,demo服务,线上服务。之前的操作都是在一个js重全部定义了,用哪个放开哪个,其余注释掉。代码如下:// let url = "127.0.0.1:8090/project";// let...原创 2019-12-31 11:19:07 · 218 阅读 · 0 评论 -
vue项目基本操作
1 安装npm install -g @vue/cli2 创建一个项目vue create project-name选择时CSS Pre-processors忘记安装了,以下操作npm install -D sass-loader node-sass3 外部框架的使用常用外部框架有element ui, swiper, echarts3.1 elemen...原创 2019-07-31 15:23:41 · 514 阅读 · 0 评论 -
vue 组件tab切换
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="vue.js"></script></head><body&g...原创 2018-08-09 23:34:29 · 292 阅读 · 0 评论 -
vue cli3 创建项目时出错
报错如下Vue CLI v3.0.4 Creating project in C:\Users\25677\Desktop\study\vuedemo\vuex-demo. Installing CLI plugins. This might take a while...npm ERR! Unexpected end of JSON input while parsing ne...原创 2018-10-08 13:43:24 · 10452 阅读 · 0 评论 -
vue中mousewheel滚动
效果点击上下可以中间滚动,鼠标在框内滚动也会滚动。外部jsconst mouseEvent = { wheel(opt){ console.log(opt) if(!opt.target){ console.log('什么都没有,还让我帮忙!'); return ; } ...原创 2018-12-28 11:15:38 · 10526 阅读 · 1 评论 -
vue 项目中的scoped
加了scoped的样式,在打包后,就会给同一个带有scoped的style里面的样式增加一段特殊标识,看下面例子就晓得了:<style scoped> .one h1{ font-size: 50px; color: red; } h2{ color: green; } h4{ ...原创 2019-01-04 20:40:04 · 281 阅读 · 0 评论 -
vuex常用法
stores.js里export default new Vuex.Store({ state: { myStateArr:[ {id:1,age:24,name:'lin'}, {id:2,age:25,name:'qi'} ], myStateNum:1 }, muta...原创 2018-12-18 15:51:13 · 203 阅读 · 0 评论 -
vue .sync 用法
在有些情况下,我们可能需要对一个 prop 进行“双向绑定”。也就是想实现在子组件中改变值,父组件中的值也能随着变化不用sync的父组件<template> <div id="app"> <blog :num="d" @change="d = $event"></blog>{{d}} </div>&l...原创 2019-05-28 13:18:14 · 5693 阅读 · 3 评论