- 博客(8)
- 收藏
- 关注
原创 Vue项目打包时可能会遇到的一些问题
执行 npm run build 打包项目,可能会出现以下错误:错误一如下:错误原因:项目中的静态文件路径报错解决:更改config/index.js中的配置重新运行项目:npm run dev然后再打包:npm run build这时应该就不会出现刚才的路径错误。如果打包成功,会出现如下界面:如果你没有成功,并且报错,那么接下来看看下面的错误以及解决办法吧。错误二如下:\ building for production...Error processing file: static/
2020-09-28 22:41:05
1062
原创 ES6新增的数组方法总结
1、Array.from()将一个类数组对象或者可遍历对象转换成一个真正的数组下面是一个类似数组的对象,用Array.from()将它转换成真正的数组 let arrayLike = { '0': 'a', '1': 'b', '2': 'c', length: 3, }; // 转成数组 let arr5 = Array.from(arrayLike); console.log(arr5); //['a','b','c']使用场景:
2020-09-28 11:17:44
393
原创 Vue项目中导入swiper插件的方法以及遇到的问题
第一步:安装swiper插件cnpm i swiper --save-dev第二步:引入swiper可以在组件中局部引入,也可以在index.html页面全局引入,以下是局部引入的方法import Swiper from 'swiper';import 'swiper/dist/css/swiper.min.css';第三步:写轮播图代码<div class="swiper-container"> <div class="swiper-wrapper">
2020-09-17 14:24:43
2469
原创 Vue实现简单的购物车功能
本文主要运用vue实现了添加商品,以及一个简单的购物车功能,代码如下首先看下基本的实现效果:在input输入课程和价格,点击添加课程后:点击添加到购物车后:那么,接下来我们看看具体的代码吧~父组件list.vue的代码<template> <div> <div> 课程: <input type="text" v-model="courseInfo.couseName" /> 价格: .
2020-09-15 23:01:42
1841
原创 如何使用vue-cli快速搭建vue项目
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,它确保了各种构建工具能够基于智能的默认配置即可平稳衔接,这样你可以专注在撰写应用上,而不必花好几天去纠结配置的问题。下面就是使用vue-cli快速搭建一个vue项目的详细步骤。1. 安装 node.js(npm),因为会用到npm包管理工具下载项目依赖等2. 安装 webpack: npm install webpack -g3. 安装 vue-cli: npm install vue-cli –g4. 通过vue-cli,初始化.
2020-09-15 22:12:56
476
原创 Vue路由之间的参数是如何传递的
第一种是参数显示在url地址栏中query获取参数路由跳转时携带参数:多个参数使用&符号连接起来<router-link to="/news?id=10">news10</router-link>路由配置如下{ path: "/news",component: news }获取数据:$route.query.idvar news = { template: "<div>news---{{$route.query.id}}</div&
2020-09-15 21:01:22
3163
原创 call()、apply()、bind()方法的用法和区别
改变函数内部的this指向call()方法call方法第一个参数是要绑定给this的值,后面传入的是参数列表。当第一个参数为null、undefined时,默认指向window。 var obj = { name: 'andy' } function fn(a, b) { console.log(this);//此时this指向obj console.log(a + b); } fn.call(obj, 10, 20);//30应用场景:经常做继承
2020-09-14 23:29:06
346
原创 Vue组件之间如何传递数据
父组件向子组件传值在Vue中,我们使用props向子组件传递数据父组件中:var vm = new Vue({ el: '#app', data: { msg: '我是父组件 ' }, methods: { } });子组件中:在使用组件的时候,使用v-bind属性将mymsg的值绑定为父组件中定义的变量msg。<com1 v-bind:mymsg='msg'></com1
2020-09-14 21:42:41
1091
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人