![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
qq_41619567
这个作者很懒,什么都没留下…
展开
-
从0开始搭建vue项目模板
1.安装nodejs,去官网下载最新的最常用的,安装完后node -v,npm -v查看安装状态。2.(1)安装vue脚手架(2)安装淘宝镜像1.npm install -g cnpm --registry=https://registry.npm.taobao.org检查是否安装上(cnpm -v)2. 用cnpm安装vue脚手架 cnpm instal...原创 2018-09-01 08:43:44 · 997 阅读 · 0 评论 -
vue中使用mockjs
1:安装cnpm install mockjs --save-dev2:创建mock文件夹,创建mockjsconst Mock = require('mockjs');const Random=Mock.Random;const produceData=function(opt){ console.log('opt',opt); let articles=[]; fo...原创 2018-12-06 14:34:48 · 160 阅读 · 0 评论 -
vue里使用swiper
首先使用npm 或者cnpm下载swiper npm install swiper引入swiper在哪个页面使用swiper都要在那个页面引入一次import Swiper from ‘swiper’; import ‘swiper/dist/css/swiper.min.css’;使用swiper<div class="swiper-container"&g...转载 2018-12-06 14:52:55 · 170 阅读 · 0 评论 -
vue中使用Betterscroll
安装npm install better-scroll --save引入import BScroll from 'better-scroll'纵向滑动<template> <div class="wrapper" ref="wrapper"> <ul> <li v-for="item in 8">{{转载 2018-12-11 16:03:10 · 261 阅读 · 0 评论 -
Vue slot(在父组件中控制子组件中的值)
<div id="app"> <button @click="toshow">点击让子组件显示</button> <children> <span slot="first">【12345】</span> <!--上面这行不会显示--&原创 2018-12-11 13:48:54 · 1443 阅读 · 0 评论 -
Vue简单的动画案例
<template> <div class="page page1"> <button @click="dianji">点击</button> <transition name="donghua"> <div class="block" v-if="原创 2018-12-11 17:12:43 · 391 阅读 · 0 评论 -
我的vue错误总结
这个错误是因为components 写错成 component 了 以后注意二级路由不好使 原来是children c写错成大写了引入小组件的时候报很多错 原因是组件里面的img图片路径错了...原创 2019-03-15 16:43:49 · 91 阅读 · 0 评论 -
vue2.0的移动端的touch事件
vue2.0的移动端的touch事件touch的开始事件是@touchstart,移动过程是@touchmove,结束事件是@touchend原创 2019-03-15 21:17:10 · 671 阅读 · 0 评论 -
Vue的组件为什么要export default
Vue的组件为什么要export defaultVue 的模块机制 Vue 是通过 webpack 实现的模块化,因此可以使用 import 来引入模块,例如: 此外,你还可以在 bulid/webpack.base.conf.js 文件中修改相关配置: 意思是,你的模块可以省略 ".js",".vue",“.json” 后缀,weebpack 会在之后自动添加...转载 2019-08-20 22:37:58 · 237 阅读 · 0 评论 -
vue-cli 构建的项目中如何使用 Less
vue-cli 构建的项目中如何使用 Less 首选,安装 less 和 less-loader ,在项目目录下运行如下命令npm install less less-loader --save-dev当然,比起 npm,我个人更喜欢用 yarnyarn add less less-loader --dev安装成功后,打开 build/webpack...转载 2018-12-06 09:45:08 · 110 阅读 · 0 评论 -
Vue中使用 Lodash.throttle 来做节流
Vue中使用 Lodash.throttle 来做节流在Vue中,有时需要对ajax请求提交进行节流操作.这时候,如果页面在请求成功之后会跳转,使用vue指令once或者加载一个loading遮罩禁止点击即可,但如果请求之后不跳转,并且loading不适用时,需要通过其他方式来实现节流,比如通过标识位...转载 2018-12-03 17:54:35 · 2331 阅读 · 0 评论 -
VUE模板创建
1 npm install -g vue-cli (————新版本创建命令 ——— npm install -g @vue/cli)2 vue init webpack 项目名字3 按需求填yes or no (回车回车)4 cd 项目名字 5 npm run dev (运行)可以用这个命令来检查其版本是否正确 (3.x):vue --version...原创 2018-11-23 11:59:59 · 315 阅读 · 0 评论 -
vue常见报错
emitted value instead of an instance of error,error compiling template,component template should contain exactly one root element.(发出值而不是错误实例、错误编译模板、组件模板应该恰好包含一个根元素。)template模板下只能包含一个大的根元素,里面放多少都行,但...原创 2018-11-23 13:58:32 · 428 阅读 · 0 评论 -
在VUE中使用elementUI
npm i element-ui -S (npm install element-ui --save)完整引入在 main.js 中写入以下内容:import ElementUI from 'element-ui';//组件import 'element-ui/lib/theme-chalk/index.css';//样式Vue.use(ElementUI);//挂载...原创 2018-11-23 14:06:25 · 203 阅读 · 0 评论 -
微信小程序和vue的赋值和循环渲染的区别
小程序存放数据的结构data:{ data:''}VUE存放数据的结构data(){ return{ data:'' }}微信小程序赋值this.setData({ data:newdata })console.log(this.data.data) //查看存在的值VUE赋值 this.d...原创 2018-11-23 15:32:19 · 519 阅读 · 0 评论 -
vue打包需要的配置
需要在config的index.js中 build模块 改成 assetsPublicPath: './' 就能减少路径报错的问题原创 2018-12-07 16:54:49 · 360 阅读 · 0 评论 -
VUE项目打包(解决背景图片不显示问题)
vue项目打包改变路径配置配置背景图片路径在命令行中用npm run build 进行打包。查看改变路径配置将绝对路径改为相对路径目标文件:项目目录 > config文件夹 > index.jsassetsPublicPath:'/' 改为:assetsPublicPath:'./' (加一个点变为相对路径)配置背景图片路径打包后的cs...转载 2018-12-07 17:12:19 · 1094 阅读 · 0 评论 -
webpack打包vue项目后,一些文件图片路径找不到的问题解决办法(数据中存在图片路径解决办法)
webpack打包vue项目后,一些文件图片路径找不到的问题解决办法 最近写了一个百度地图的项目,要求底部有一个导航栏。具体如下图:首先,拿到了底部导航栏的所有图标图片,图片都有两种。灰色的代表未选中,选中的用带样色的图片替换。先看一下,组件中 html结构:通过vue提供的v-for方法,进行遍历显示footNav这个数组。数组里边存放着{titl...转载 2018-12-07 17:41:08 · 1415 阅读 · 2 评论 -
vue如何引入其它静态文件
vue如何引入其它静态文件1.src目录下的资源只能import或require。2.想静态引入的话,建立一个与src同级的目录例如static,然后把静态资源放入该文件夹下,html的引入路径如下:./static/...注:试过一定要放在static文件夹下,否则报错...原创 2018-12-07 17:52:57 · 1182 阅读 · 0 评论 -
一个不错的前端vue插件网站
轮子工厂http://www.wheelsfactory.cn/#/home?filter=vue原创 2018-12-07 18:02:00 · 1640 阅读 · 1 评论 -
vue中跨域问题
...转载 2019-08-23 15:36:31 · 94 阅读 · 0 评论