VUE踩坑之路

【VUE踩坑之路】的更多相关文章

一.常见报错 1.vue-cli-service 不是内部或外部命令,也不是可运行程序解决方案: 用以下命令安装Vue CLI就好 npm install -g @vue/cli # OR yarn global add @vue/cli 官方链接:https://cli.vuejs.org/zh/guide/installation.html 2.Visual Studio Code 创建的VUE项目用IDEA打开报Expected indentation of() spaces but f…

vue踩坑之路--点击按钮改变div样式

有时候,我们在做项目的时候,想通过某个按钮来改变某个div样式,那么可以通过以下代码实现: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Page Title</title> <…

html2canvas的踩坑之路

html2canvas的踩坑之路前言早有耳闻这个html2canvas比较坑,但无奈于产品需求的压迫,必须实现html转图片的功能,自此走上了填坑之路,好在最后的效果还算令人满意,这才没有误了产品上线周期. html2canvas介绍 html2canvas的详细介绍可以点击这里查看,其实简单来说就是通过canvas将HTML生成的DOM节点绘制到画布上,再可以通过自己的需求转换成图片.所以官方文档也说了,最后生成的效果不是100%相同的,这一点大家要有心理准备,无论怎样,一点点小瑕疵是肯定…

Vue 爬坑之路（六）—— 使用 Vuex + axios 发送请求

Vue 原本有一个官方推荐的 ajax 插件 vue-resource,但是自从 Vue 更新到 2.0 之后,官方就不再更新 vue-resource 目前主流的 Vue 项目,都选择 axios 来完成 ajax 请求,而大型项目都会使用 Vuex 来管理数据,所以这篇博客将结合两者来发送请求前言: Vuex 的安装将不再赘述,可以参考之前的博客 Vue 爬坑之路(四)-- 与 Vuex 的第一次接触使用 cnpm 安装 axios cnpm install axios -S 安装其他插…

Vue 爬坑之路（九）—— 用正确的姿势封装组件

迄今为止做的最大的 Vue 项目终于提交测试,天天加班的日子终于告一段落... 在开发过程中,结合 Vue 组件化的特性,开发通用组件是很基础且重要的工作通用组件必须具备高性能.低耦合的特性为了满足这些特性,开发的时候有很多需要注意的地方,这里我和大家分享一下我的心得一.数据从父组件传入为了解耦,子组件本身就不能生成数据.即使生成了,也只能在组件内部运作,不能传递出去. 父对子传参,就需要用到 props,通常的 props 是这样的:…

vue踩坑记

vue踩坑记易错点语法好难啊qwq 不要把'data'写成'date' 在v-html/v-bind中使用vue变量时不需要加变量名在非vue事件中使用vue中变量时需要加变量名正确 <div id="vue"> <button onclick="vm.ColorRed=vm.ColorRed^1">gg</button> <div v-html="site" v-bind:class="…

Vue 爬坑之路（一）—— 使用 vue-cli 搭建项目

vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目,GitHub地址是:https://github.com/vuejs/vue-cli vue/cli 3.x 已经发布,如果使用 3.x 构建项目,请参考<Vue 爬坑之路(十二)—— vue-cli 3.x 搭建项目> 一. 安装 node.js 首先需要安装node环境,可以直接到中文官网http://nodejs.cn/下载安装包. 只是这样安装的 node 是固定版本的,如果需要…

Vue 爬坑之路（十二）—— vue-cli 3.x 搭建项目

Vue Cli 3 官方文档:https://cli.vuejs.org/zh/guide/ 一.安装 @vue/cli 更新到 3.x 之后,vue-cli 的包名从 vue-cli 改成了 @vue/cli 如果之前全局安装了旧版本的 vue-cli (1.x 或 2.x),首先需要使用以下命令卸载掉 // 如果没有安装旧版本的 vue-cli 可以跳过卸载直接安装 npm uninstall vue-cli -g # OR yarn global remove vue-cli 然后重新安装…

vue踩坑之旅 -- computed watch

vue踩坑之旅 -- computed watch 经常在使用vue初始化组件时,会报一些莫名其妙的错误,或者,数据明明有数据,确还是拿不到,这是多么痛苦而又令人忍不住抓耳挠腮,捶胸顿足啊技术点 vue + element + ehcarts + vuex + vue-router 问题再现 data() { return { option: { chart: '' //echarts的实例 } } }, //钩子函数 mounted() { this.chart = echarts.init…

MySQL Connector/NET 使用小结（踩坑之路）

背景描述根据项目的需要,需连接MySQL获取数据. 首先,先了解一下项目的情况: 之前的代码是C#编写的的, 运行时:.NETFramework3.5. 由于项目已经部署上线,因此不能升级运行时,这也为之后的踩坑之路打下了伏笔... 解决问题既然是要访问MySQL数据库,按照国际惯例自然是到官网找对应语言的driver,然后安装->开发->测试... 坑1 但是当我找到了对应的驱动后,发现能找到的最老的版本 (6.9) 的MySQL对应.NET的驱动版本最低支持 framework4.0,…