vue入门
直接用脚手架三开始搭建项目,介绍一些常用的方法
一叶知秋9307
学而不思则罔,思而不学则殆
展开
-
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 · 515 阅读 · 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 评论