wx646716dbcba72的博客_vue

在Vue项目中引用jQuery插件

1. 安装jquery依赖npm install jquery --save2. 修改webpack.base.conf.js文件第一步引入webpack第二步配

vue

jquery

jQuery

css

原创 2023-05-19 15:30:05 344 阅读

JSON.parse和JSON.stringify方法详解

1. JSON.parse()用于从一个

json

JSON

Parse

原创 2023-05-19 15:29:10 145 阅读

Vue watch的immediate和deep

1. immediateimmediate表示立即执行的意思，这样就是说不用等到value变化才会执行，默认的时候就会立刻执行一次。假设我

vue

输入框

搜索

原创 2023-05-19 15:29:07 528 阅读

/deep/ 深度选择器

vue引用了第三方组件，需要在组件中局部修改第三方组件的样式，而又不想去除 scoped 属性造成组件之间的

css

预处理

操作符

Sass

原创 2023-05-19 15:29:03 125 阅读

Vue中的懒加载和按需加载

1. 懒加载懒加载也叫延迟加载，即在需要的时候进行加载，随用随载。vue项目打包的时候，如果项目比较庞

vue

Vue

懒加载

异步加载

原创 2023-05-19 15:29:00 838 阅读

Cookie的使用（js-cookie插件）

1.js-cookie一个简单，轻巧的JavaScript API，用于处理Cookie2.安装npm install js-cookie --save3.引用import Cookiokie'Vue.prototype.$Cookies = Cookies;4.创建<!--作者：zhangfan页面名称：Cookie的使用（js-coo...

vue.js

ie插件

当前页

取值

原创 2023-05-19 15:28:54 278 阅读

Vue的表单输入绑定修饰符

1，.number如果

vue

修饰符

字符串

HTML

原创 2023-05-19 15:27:02 90 阅读

Vue-cli3.0怎么配置在打包时候去掉console打印的信息

1,安装:babel-plugin-transform-remove-console我们在开发过程中，肯定会用到console打印信息。但是呢，我们上

vue

解决方法

开发过程

原创 2023-05-19 15:26:43 336 阅读

package-lock.json 文件的作用

同一个项目第一次cnpm install的时候还

vue

json

下载文件

新版本

原创 2023-05-19 15:26:40 89 阅读

Vue.js项目中使用 babel-polyfill 解决IE浏览器的兼容问题

Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而可以在现

vue

ES6

新版本

兼容性问题

原创 2023-05-19 15:26:29 311 阅读

Vue webpack打包时如何去掉console.log

在webpack.prod.conf.js 的plugins:[ ] 中添加new UglifyJsPlugin({ uglifyOptions: { compress: { warnings: false, // 打包后 log 就不会出现了

vue

原创 2023-05-19 15:26:29 501 阅读

什么是CDN和CDN的好处

CDN是将源站内

前端

加载

jQuery

IP

原创 2023-05-19 15:26:24 84 阅读

vue---使用less报错 Module build failed: TypeError: loaderContext.getResolve is not a function

安装及使用步骤如下：1、安装npm install less less-loader --save2、在build文件下的webpack.base.conf.js文件中rules中

vue.js

css

json

CSS

原创 2023-05-19 15:26:21 88 阅读

Vue-route 的导航守卫

全局前置守卫const router = new VueRouter({ ... })router.beforeEach((to, from, next) => { // ...})每个守卫方法接收三个参数：to: Route: 即将要进入的目标

vue

原创 2023-05-19 15:26:15 71 阅读

Vue中$refs的使用

父组件调用子组件的方法，可以传递数据父组件：<template> <div id="app"> <child-a ref="child"></child-a> <!--用ref

vue

数据

传递数据

原创 2023-05-19 15:25:49 34 阅读

使用Hbuilder X将Vue项目打包成app（Android）

使用Hbuilder X将Vue项目打包成app（Android）HBuilder提供的打包有云端打包和本地打包两种，云端打包的特点是DCloud官方配置好了原生的打包环境，可以把HTML等文件编译为原生安装包。优点：速度快，所需要的环境少，加快了开发者速度，不会因为各种JDK，java，Android环境而无法打包生成apk或ipa头疼，大大减少了开发繁创建移动APP项目3

json

下载安装

Vue

原创精选 2023-05-19 15:25:31 1114 阅读

Vue 项目性能优化（代码层面的优化）

换条件的场景。c

vue

数据

Vue

加载

原创 2023-05-19 15:25:24 90 阅读

Vue项目在ie浏览器显示空白解决方法（安装babel-polyfill ）

问题描述：使用vue-cli脚手架搭建的项目，【npm run dev】运行，在chrome下显示正常，但是在ie下显示空l babel-polyfill --save-dev2.在【main.j

vue

chrome

原创 2023-05-19 15:25:08 648 阅读

Computed property “activeIndex“ was assigned to but it has no setter.

一个计算属性，如果没有设置 setter或者getter，当你尝试直接修改这个计算属性的值时，都会报这个错误,添加

vue

原创 2023-05-19 15:25:07 421 阅读

使用webpack-bundle-analyzer分析Vue项目

在项目中 webpack.prod.conf.js

vue

bundle

analyzer

原创 2023-05-19 15:25:00 111 阅读

使用webpack-bundle-analyzer来分析Vue项目

在项目中 webpack.prod.conf.js 进行配置：if (config.build.bundleAnalyzerReport) { const BundleAnalyzerPlugi

vue

bundle

analyzer

原创 2023-05-19 15:24:55 66 阅读

Vue项目中使用Vuex

文章目录一、Vuex 是什么？二、使用步骤1.引入Vuex2.在src文件夹下创建store文件夹3.在main.js引入Vuex3.在组件中使用4.原理图一、Vuex 是什么？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。二、使用步骤1.引入Vuexnpm install vuex

vue

Vue

App

原理图

原创 2023-05-19 15:24:47 36 阅读

通过css-split-webpack-plugin解决css文件过大，导致ie样式错乱的问题

css-split-webpack-plugin插件的作用是将大尺寸的css再分割成多个css文件安装插件ire('css-split-webpack-plugin').default;...plugins: [

css

安装插件

原创 2023-05-19 15:24:43 107 阅读

通过Vue的过滤器实现数据的数据脱敏

实现效果： <p>你的手机号为:{{input | deseHandler(4,4,"*")}}</p> filters: { deseHandler: function (str, frontLe

i++

原创 2023-05-19 15:24:28 597 阅读

Vue项目打包后打开空白解决办法

前言问题描述：Vue

html

字体图标

路由配置

原创 2023-05-19 15:24:23 1757 阅读

vue项目可视化管理之（vue ui）

@vue/cli3.0增加一个可视化项目管理工具，全局安装完成cli3.0之后，可以直接在cmd输入命令：vue ui 启动即可，地址默认是localhost:8000

项目管理工具

原创 2023-05-19 15:23:35 79 阅读

el-input无法输入和清除

<el-form-item label="单位角色："> <el-input class="row-padding-bottom" v-model="filters.type" clearable @input="change($event)"> </el-input></el-form-item>change(e){ this.$forceUpdate();},

-

原创 2023-05-19 15:23:32 314 阅读

vue $router和$route的区别

routerrouter为VueRouter的实例，相当于一个全局的路由器对象，里面含有很多属性和子对象，例如histor

vue

原创 2023-05-19 15:23:17 40 阅读

在vue-cli2生成的Vue项目中引入less

1、安装less在项目的根目录下打开命令行工具，执行命令：npm install less less-loader --save-dev安装完成后打开 build目录

解决方法

css

根目录

原创 2023-05-19 15:23:09 172 阅读 1点赞 1评论

You are using the runtime-only build of Vue where the template compiler is not available. Either pre

// vue.config.js module.exports = { runtimeCompiler: true,}

vue

json

字段

原创 2023-05-19 15:22:59 62 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

wx646716dbcba72的博客