Vue.JS
关注
分享
扫一扫
主要分享有关Vue常见的问题及解决方法
soosgo
这个作者很懒，什么都没留下…
展开
-
uniapp之uni.request()封装
第一步：uni.request()封装https.jsmodule.exports = (param) => { var url = param.url; var method = param.method; var header = param.header || {}; var data = param.data || {}; // 请求方式: GET POST if(method){ method = method.toUpperCase(); // 小写转成大写原创 2021-08-04 21:42:55 · 1451 阅读 · 0 评论 -
uniapp之vue
我们知道uni-app使用vue的语法+小程序的标签和API，这里补充一下vue相关常用的内容。数据绑定：<template> <view class=""> <!-- 文本插值绑定 --> <view class="">message:{{msg}}</view> <!-- js表达式绑定 --> <view class="">{{num+1}}</view> <view.原创 2021-08-04 18:34:10 · 1138 阅读 · 0 评论 -
VSCode开发vue项目
在vscode上搭建一个vue项目1.假设Vscode、nodejs等已经安装好了。2.全局安装vue-cli，vue-cli可以帮助我们快速构建Vue项目。安装命令：npm install -g vue-cli打开VScode的终端，调出命令输入框。点击终端-新建终端，输入上述命令，回车，等待安装完成（可能需要等待1-2分钟）。3.安装webpack，它是打包js的工具安装命令：npm install -g webpack 安装方法同上。4.安装完成之后就可以开原创 2021-06-23 15:52:19 · 3372 阅读 · 0 评论 -
vue : 无法加载文件 C:\Users\xxx\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go .microsoft
创建Vue项目出错，提示vue : 无法加载文件C:\Users\xxx\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅https:/go.microsoft.com/fwlink/?LinkID=135170直接在搜索条搜powershell1. 以管理员身份运行PowerShell2. 执行：get-ExecutionPolicy，回复Restricted，表示状态是禁止的3.执行：set-ExecutionPolicy Rem..转载 2021-06-23 15:38:34 · 902 阅读 · 0 评论 -
Vue如何给a标签的href的路径后面拼接参数
动态href需要通过v-bind绑定v-bind:href缩写可以写成:href后面根相关的路径如果路径是一个变量：<a :href="item.url">链接</a>如果路径的一部分是变量，可通过拼接字符串的方式<a :href="'/list/editor?id='+item.id">链接</a>...原创 2021-05-24 15:00:11 · 3438 阅读 · 0 评论 -
vue之父子组件之间传值
首先说一下父子组件就是在一个vue文件中引入另一个vue文件，被引入vue文件就是子组件，引入vue文件的vue文件就是父组件。而在父组件中是不能直接调用子组件中的变量值的。下面详细说一下，父子组件之间怎么传值。先说一下父组件引入子组件的方法。1.组件传值-父组件向子组件传值第一步：父组件 在引用子组件时，通过属性绑定（v-bind：）的形式，把需要传递给子组件的数据，传递到子组件内部，供子组件使用父组件：father-tag.vue<template> <.原创 2021-01-31 21:36:51 · 253 阅读 · 0 评论 -
Vue简易轮播
<div class="banner" id="app"> <ul class="img-list"> <!--<li><a href=""><img src="img/banner1.jpg"/></a></li> <li><a href=""><img src="img/banner2.jpg"/></a></li> <li&.原创 2020-08-31 10:08:53 · 210 阅读 · 0 评论 -
Vue-cli项目小结
首先熟悉几个概念vw(viewport width)、vh(viewport height)相对单位 相对于设计稿宽的百分比 100vw代表宽度100%100vh代表高度的100%我们在写移动端界面时为了适配不同的终端，元素的大小怎样适配？一般情况小，设计稿的宽度是固定的（750px、640px、1440px等一般都是设备的2倍图），高度一般情况下是不确定的，所以我们在写代码的时候，如果使用vw vh这种相对宽度，在写宽度的时候就是某一块宽度占总宽度的百分比，高度也是同样的道理，但是高度需原创 2020-08-24 14:45:06 · 248 阅读 · 0 评论 -
Vue自定义组件
Vue.component('组建名',配置对象同new Vue()) 和根组件的定义 区别 在于 不需要指定el选项 手动将组件书写在想挂载的位置 组件只是复用逻辑和结构 样式 并不复用数据 data 是函数 必须有返回值 通过Vue.component定义的组件必须在根组件实例化之前，必须写在根组件实例化的容器中 其他配置与根组件类似<!DOCTYPE html><html lang="en"><head> &l.原创 2020-08-24 14:29:16 · 222 阅读 · 0 评论 -
axios与jsonp
一、axios是Vue官方推荐的一个ajax插件，用于请求后的传递过来的数据。1、安装方式：npm install axios -S2、在所需要使用axios的文件中引入axios, import axios from 'axios'3、通过axios请求后端数据，具体代码如下： axios.get('http://hn.algolia.com/api/v1/search_by_date',{ ...原创 2018-06-26 16:25:29 · 5647 阅读 · 2 评论 -
Vue打包上线部署
一、路径问题1、脚手架+webpack打包通过npm run build，但是后台tomcat部署上线的时候，会衍生出一些问题，比如，路径问题（因为在项目中，我们使用了绝对路径，这里必须要使用相对路径，但是打包后还是会报错，说是找不到assets文件夹下的各种资源，包括images,css,js,是因为，在当初在全局引用的时候写在了index.html中，安全起见，可以写在app.vue中）；2、...转载 2018-07-06 10:54:26 · 4468 阅读 · 0 评论 -
vue-cli构建vue项目
第一步：在node.js官网下载node.js并安装。第二步：安装vue-cli。打开DOS控制台，进入都指定文件E:\vue-cli夹输入：npm install -g vue-cli进行安装（这里vue-cli是全局安装的进入不进入文件夹都可以）。第三步：检查版本，看是否安装成功,在控制台输入vue -V，如果出现版本号则表示安装成功。第四步：使用vue-cli初始化项目。原创 2017-09-13 11:02:43 · 707 阅读 · 0 评论 -
Router-link跳转路径的书写的几种方式
直接书写路径动态指定通过name动态绑定，防止路径过长’about’,params:{userId:123}}">原创 2017-10-11 13:33:04 · 8568 阅读 · 0 评论 -
Axios通过mock模拟数据进行通信的几种方式
本篇主要讲解vue axios通过mock模拟数据进行通信的几种形式，罗列了部分关键代码，仅供参考。第一步：import axiosfrom 'axios'引入axios没有安装的通过npm install axios进行安装第二步：通过axios进行数据的获取，一般常用的是get和post方法，这里以get方法为例,post方法同理。一、基本写法：import a原创 2017-10-11 13:38:23 · 3958 阅读 · 0 评论 -
vuex中mapState、mapGetters、mapActions、mapMutations的使用
vuex中mapState、mapGetters、mapActions、mapMutation的使用。原创 2017-10-13 09:05:55 · 9614 阅读 · 0 评论 -
veu项目中引入jquery
第一步：安装jquery依赖 npm install jquery --save第二步：修改两处配置文件第三步：在使用的界面中引用 import $ from 'jquery'或在main.js中全局引入转载 2017-10-14 21:54:45 · 941 阅读 · 0 评论 -
关于vue.js使用.scss模块安装问题
一、sass/scsss与css的区别SCSS 之类的预处理器本身就是为了生成 CSS 而设计的Sass (Syntactically Awesome Stylesheets)是一种动态样式语言，Sass语法属于缩排语法，比css比多出好些功能(如变量、嵌套、运算,混入(Mixin)、继承、颜色处理，函数等)，更容易阅读。Sass的缩排语法，对于写惯css前端的web开原创 2017-12-07 15:18:27 · 900 阅读 · 0 评论 -
Vue.js中computed、methods、watch的使用
1、computed计算属性将被混入到 Vue 实例中。所有 getter 和 setter 的 this 上下文自动地绑定为 Vue 实例，在HTML DOM加载后马上执行的，如赋值,它是依赖缓存的，当相关依赖发生变化时才会重新取值。2、methods 将被混入到 Vue 实例中。可以直接通过 VM 实例访问这些方法，或者在指令表达式中使用。方法中的 this 自动绑定为 Vue 实例，必须转载 2018-01-17 15:36:09 · 1158 阅读 · 0 评论