vue
文章平均质量分 76
二二零OuO
WEB前端
展开
-
vue中使用mixin
https://www.npmjs.com/package/sass-resources-loader原创 2019-11-05 10:04:11 · 349 阅读 · 0 评论 -
修改vuex的state
1、直接赋值this.$store.state.xxx.xxx = xxx2、使用commit提交mutationthis.$store.commit("xxx",...)或者this.$store.dispatch("xxx",...)区别:开启严格模式,仅需在创建 store 的时候传入 strict: trueconst store = new Vuex.S...原创 2018-11-08 16:11:57 · 805 阅读 · 0 评论 -
Object.defineProperty()
对象是由多个名/值对组成的无序的集合。对象中每个属性对应任意类型的值。定义对象可以使用构造函数或字面量的形式:var obj = new Object; //obj = {}obj.name = "张三"; //添加描述obj.say = function(){}; //添加行为除了以上添加属性的方式,还可以使用Object.defineProperty定义新属性或修改原有的...转载 2018-11-29 17:36:27 · 270 阅读 · 0 评论 -
v-infinite-scroll懒惰加载
安装npm i vue-infinite-scroll -Dvue项目中引用在main.js入口文件里面引入import infiniteScroll from 'vue-infinite-scroll'Vue.use(infiniteScroll)使用在滚动条所在元素最后方添加<div v-infinite-scroll="loadMore" infini...原创 2018-12-20 10:04:01 · 3744 阅读 · 0 评论 -
vue监听对象
1.简单数据监听var app = new Vue({ data() { return { a: 1 } }, watch: { a(newVal, oldVal) { console.log(newVal + '--' + oldVal) } }...原创 2019-04-09 17:23:54 · 1045 阅读 · 0 评论 -
vue项目中命名方式
vue 项目中命名方法命名命名的方法通常有以下几类:命名法说明 1).camelCase,形如thisIsAnApple 2).PascalCase,形如ThisIsAnApple 3).下划线命名法,形如this_is_an_apple · 4).kebab-case,形如this-is-an-apple说明:所有的名称,包括文件名都作为大小写敏感来处理JS根据不...转载 2019-04-26 16:51:47 · 911 阅读 · 0 评论 -
vue-cli3.0开发组件并发布到npm
一、技术栈如何通过新版脚手架创建项目,这里就不提了,自行看官方文档。vue-cli3: 新版脚手架的库模式,可以让我们很轻松的创建打包一个库 npm:组件库将存放在npm webpack:修改配置需要一点 webapck 的知识二、大纲想要搭建一个组件库,我们必须先要有一个大概的思路。规划目录结构 配置项目以支持目录结构 编写组件 编写示例 配置使用库模式打包编译 ...转载 2019-07-11 15:12:56 · 2467 阅读 · 2 评论 -
vue-template-admin打包后背景图片资源找不到
方案一:更改build/utils.js文件中ExtractTextPlugin的配置:if (options.extract) {return ExtractTextPlugin.extract({use: loaders,publicPath: '../../', // 配置publicPathfallback: 'vue-style-loader...原创 2019-08-01 16:55:17 · 860 阅读 · 0 评论 -
axios在vue中的简单配置与使用
一、安装1、 利用npm安装npm install axios --save2、 利用bower安装bower install axios --save3、 直接利用cdn引入<script src="https://unpkg.com/axios/dist/axios.min.js"></script>二、例子1、 发送一个GET请求//通过给定的I...原创 2018-11-07 14:59:11 · 844 阅读 · 0 评论 -
Promise
众所周知的,Javascript是一种单线程的语言,所有的代码必须按照所谓的“自上而下”的顺序来执行。本特性带来的问题就是,一些将来的、未知的操作,必须异步实现(关于异步,我会在另一篇文章里进行讨论)。本文将讨论一个比较常见的异步解决方案——Promise,时至本文最后更新的日子,Promise的应用已经极其广泛。Promise解决的问题我相信每个前端都遇到过这样一个问题,当一个异步任...转载 2018-11-07 14:59:32 · 198 阅读 · 0 评论 -
vue项目移动端rem适配
在index.html的head里添加<script> (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', //...原创 2018-07-30 10:21:13 · 1122 阅读 · 3 评论 -
vue路由跳转页面title随之变化
一、通过路由钩子1.每个路由添加一个meta[ { path:'/index', component:'Index', meta: { title: '首页' }, }]2.main.js文件加入钩子函数new Vue({ el: '#app', router, components: { App ...原创 2018-03-13 17:32:16 · 1153 阅读 · 0 评论 -
vue-cli中配置sass
在vue-cli中安装scss,且可以全局引入scss的步骤在写vue的css样式时,觉得需要css预处理器让自己的css更加简洁、适应性更强、可读性更佳,更易于代码的维护,于是在vue-cli脚手架采用scss。写过的人都知道,每写一个.vue文件都要在style上面@import index.scss文件的话,这样很麻烦。css文件可以在main.js中可以直接import,而scss文件...原创 2018-03-14 12:28:59 · 609 阅读 · 2 评论 -
vue的侦听器watch侦探对象的方法
1.普通的watchdata() { return { frontPoints: 0 }},watch: { frontPoints(newValue, oldValue) { console.log(newValue) }}2.对象属性的watchdata() { return { ...原创 2018-04-09 14:41:22 · 515 阅读 · 0 评论 -
vue中的跨域问题
vue跨域解决方法vue项目中,前端与后台进行数据请求或者提交的时候,如果后台没有设置跨域,前端本地调试代码的时候就会报“请求资源上没有'Access-Control-Allow-Origin'标头”这种跨域错误。要想本地正常的调试,解决的办法有三个:一、后台更改headerheader('Access-Control-Allow-Origin:*');//允许所有来源访问...原创 2018-05-29 17:30:39 · 439 阅读 · 0 评论 -
vue的生命周期函数
详解Vue Lifecycle先来看看VUE官网对VUE生命周期的介绍Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程,我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程,就是生命周期。每一个组件或者实例都会经历一个完整的生命周期,总共分为三个阶段:初始化、运行中、销毁。 实例、组件通过ne...原创 2018-07-26 11:18:10 · 365 阅读 · 0 评论 -
vue页面fav icon
1.PC端index.html的head中添加<link rel="shortcut icon" type="image/x-icon" sizes="72x72" href="http://www.iswweb.com/images/favicon.ico" media="screen" /> 2.移动端index.html的head中添加<原创 2018-07-30 10:10:37 · 1110 阅读 · 0 评论 -
vue-cli2.0项目框架
https://github.com/PingFuLiu原创 2018-07-30 10:13:52 · 368 阅读 · 0 评论 -
mac如何运行vue项目(npm/cnpm/yarn)
由于mac非常人性化的将bash内置于终端中,因此可以直接在终端中使用bash命令。第一步: mac os系统安装 brew 打开终端运行以下命令 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"第二步: 安装 ...原创 2018-02-06 16:39:49 · 4011 阅读 · 0 评论