
Vue
松本文纪
这个人很懒,什么都没有留下
展开
-
(转)Cannot resolve “swiper/dist/css/swiper.css” from “项目路径\swiper\dist\css\swiper.css”
修改nuxt.config.js如下: plugins: [ { src: '~/plugins/nuxt-swiper-plugin.js', ssr: false } ], css: [ 'swiper/css/swiper.css' ]修改nuxt-swiper-plugin.js如下: import Vue from 'vue' import VueAwesomeSwiper from 'vue-awesome-swiper/dist/v.转载 2020-05-28 15:54:08 · 6329 阅读 · 0 评论 -
Vue CLI4.x如何打包到指定文件夹,及静态资源打包到static文件夹
被这个问题所困,闲着没事想着看看文档。。。顿时恍然大悟 可以使用vue.config.js配置大多数你可能会用到的配置。建议直接参考官方文档/(ㄒoㄒ)/~~。 附上Vue CLI配置参考地址https://cli.vuejs.org/zh/config/ 注意好了,下面进入正题。 这是我暂时用到的一些配置module.exports = { //基本路径 public...原创 2020-05-08 11:43:09 · 6940 阅读 · 0 评论 -
vue项目启动后出现空白页面,并在浏览器控制台报错jQuery is not defined
出现如图错误 访问http://localhost:8080/就会出现这种错误,暂且也不知道是什么原因,搜了很久也没有结果。然后自己就试了下network的地址,就能正常访问。弄了半天开了两个项目,另一个访问8081端口就成功了,所以暂且就认为是8080端口问题吧。 在项目开发中还是尽量避免使用8080端口测试,所以就需要改vue项目端口。我使用的是vue cli4,所以修改端口是在op...原创 2020-05-07 17:40:54 · 3063 阅读 · 1 评论 -
Vue学习第十天
Vue10一.1.axios (这里测试url可以去httpbin.org取url测试)转存失败重新上传取消axios({ url: "#", method: "post"}).then(res => { console.log(res);})2.专门争对get请求的参数拼接axios({ url: "#",...原创 2020-04-16 22:18:28 · 197 阅读 · 0 评论 -
Vue学习第九天
Vue09一.Promise的使用一般情况下是有异步操作时,使用Promise对这个异步操作进行封装。new -> 构造函数(1.保存了一些状态信息 2.执行传入的函数)在执行传入的回调函数时,会传入两个参数,resolve,reject本身又是函数new Promise((resolve, reject) => {setTimeout(() => {...原创 2020-04-15 19:05:59 · 122 阅读 · 0 评论 -
Vue学习第八天
Vue08一.什么是前端渲染?什么是后端渲染?1.后端渲染 jsp:java server page2.后端路由 后端处理URL和页面之间的映射关系转存失败重新上传取消转存失败重新上传取消转存失败重新上传取消3.前端渲染浏览器中显示的网页中的大部分内容,都是由前端写的js代码在浏览器中执行,最终渲染出来的网页。4.前端路由转存失败重新上传取消HTML...原创 2020-04-14 22:08:16 · 131 阅读 · 0 评论 -
Vue学习第七天
Vue07一.Vue CLI转存失败重新上传取消使用Vue CLI依赖于Node和Webpack安装Vue脚手架npm install -g @vue/cli//卸载脚手架 npm uninstall -g @vue/cli想使用Vue CLI2转存失败重新上传取消这里安装比较慢所以推荐使用淘宝镜像参考: https://www.cnblo...原创 2020-04-13 22:44:34 · 157 阅读 · 0 评论 -
Vue学习第六天
Vue06一.在webpack环境下集成Vuejs1.我们想使用Vuejs,那么需要对其有依赖,所以需要先安装。npm install vue --save这里注意:我们在后续项目中也会使用vue是运行时依赖,不是开发时依赖,所以不要加上-dev2.安装完成后,在在我们的main.js使用Vueimport Vue from "Vue"const app = new...原创 2020-04-12 19:00:22 · 190 阅读 · 0 评论 -
Vue学习第五天
Vue05一.Webpack1.从本质上来说,webpack是一个现代JavaScript应用的静态模块打包工具2.先安装nodejs,具体参考 https://www.cnblogs.com/fengchaoran/p/8461317.html3.安装webpack,执行npm install webpack@3.6.0 -g这里的使用全局安装,之后学习局部安装...原创 2020-04-11 21:04:36 · 165 阅读 · 0 评论 -
Vue学习第四天
Vue04一.父子组件的访问方式转存失败重新上传取消通常使用$children来获取所有子组件,返回的是子组件对象数组,通过$children[index]返回某一个子组件。不过很少使用常使用$refs来获取子组件对象 有ref标记的才会被获取<cpn></cpn><cpn ref="second"></cpn><c...原创 2020-04-10 20:09:16 · 143 阅读 · 0 评论 -
Vue学习第三天
Vue03一.1.表单绑定v-model<input type="text" :value="message"><input type="text" v-model="message"><h2>{{message}}</h2>当输入内容时,用v-model绑定的input的message值会实时改变,而直接用v-bind绑...原创 2020-04-09 22:58:05 · 211 阅读 · 0 评论 -
Vue学习第一天
Vue01一.1.mustache语法->{{}}2.new Vue({ el : data : methods})二.1.v-for="item in arrays"2.v-on:click->@click3.v-html 内容按普通 HTML 插入 - 不会作为 Vue 模板进行编译4.v-pre 跳过这个元素...原创 2020-04-07 20:25:01 · 117 阅读 · 0 评论 -
Vue学习第二天
Vue02一.<!--var没有块级作用域 所以用let更好 const常量,不可再次赋值在开发中,优先使用const,只有需要改变某一个标识符的时候才使用let常量的含义是指向的对象不能修改,但是可以改变对象内部的属性const obj = {age : 18,height : 1.88}obj.age = 12;obj.height = 1.55...原创 2020-04-08 21:32:07 · 411 阅读 · 0 评论