vue2.0开发过程中踩的坑！

最新推荐文章于 2025-06-30 12:25:16 发布

原创

最新推荐文章于 2025-06-30 12:25:16 发布 · 1.1w 阅读

10 ·

CC 4.0 BY-SA版权

昨天素素终于跳了诛仙台，我好开心呀！今儿个特地整理了下vue2.0开发过程中踩得坑！希望和大家交流！

一、声明周期

声明周期钩子详见这张图 https://segmentfault.com/q/1010000007704114

1.0的ready替换成了mounted，即模板编译挂载之后

数据data要写成function的形式了，像这样

data () {
    return {
        tableList: [],
        currentModel: "",
        modal: {
            name: "",
            ip: "",
            ipList: [{"ip":"11"},{"ip":"22"},{"ip":"33"}], //
            desc: "",
        }
    }
}

二、路由中引入静态js，全局组件，全局变量，全局function

1.引入全局的静态js库，建立一个与src同级的目录例如static，然后把静态资源放入该文件夹下，直接在根目录的index.html中引入如下，其他路由页面就都可以用了！（看起来好简单啊我可是折腾了好久！！）

<head>
    <link rel="shortcut icon" href="./static

最低0.47元/天解锁文章

200万优质内容无限畅学

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

lemon678

关注关注

2
点赞
踩
10

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

vue2.0环境搭建（含router路由）

123的博客

11-27

1万+

现如今这四海八荒都在用vue啊！年前我手头新做一个运营平台，截图如下，前后端分离，费了半天劲终于把环境搭建起来了，年后有功夫了，特地整理下，希望大家能少走些弯路！一、搭建环境用官方的脚手架cli一步一步按流程走，我整理出的流程如下，参考官网指导 https://cn.vuejs.org/v2/guide/installation.html#NPM 1. npm install vue-c...

vue结合饿了么_饿了么基于Vue2.0的通用组件开发之路（分享会记录）

weixin_39541600的博客

12-19

590

Element：一套通用组件库的开发之路Element 是由饿了么UED设计、饿了么大前端开发的一套基于 Vue 2.0 的桌面端组件库。今天我们要分享的就是开发 Element 的一些心得。官网：http://element.eleme.io/#/github：https://github.com/ElemeFE/element## 设计目的大部分项目起源都是源于业务方的需求，Element 也...

参与评论您还未登录，请先登录后发表或查看评论

VUE 使用中踩过的坑

08-28

本篇是我对vue使用过程中以及对一些社区朋友提问我的问题中做的一些总结，感兴趣的朋友跟随脚本之家小编一起学习吧

Vue 快速入门

最新发布

分享我的点点滴滴，在成长路上与你同行！

06-30

1346

Vue 快速入门

vue2各种坑

weixin_44839274的博客

10-29

215

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Mar

Vue2.0之踩过的坑

xinxin_csdn的博客

12-22

334

Vue开发项目中踩过的坑

weixin_41358807的博客

03-18

230

表单重置：只会重置为刚开始第一次定义的值，若初始化的时候不为空，则重置后也不为空。阿里巴巴图标库可以开源导出漂亮的图标文件，并且生成相应的类，可以之间导入项目使用。

详解Vue2.0配置mint-ui踩过的那些坑

08-27

它的核心特性包括数据绑定、指令系统、组件化以及虚拟DOM等，这些特性使得Vue.js在开发过程中能够实现高效的数据管理和界面渲染。Vue.js强调的是简洁的API和易于上手的特性，使得开发者能够快速构建功能丰富的Web...

使用Vue.js 2.0搭建单页应用：从构建到部署

热门推荐

mikelkl的博客

10-12

2万+

入门请参考这篇文章：Vue构建单页应用最佳实战在此记录下在我使用Vue.js 2.0开发较大型的单页应用时遇到的困难。写文章不容易，如果这篇文章对你有帮助，请给我的github仓库加个star~ github项目地址项目结构. ├── build/ # webpack config files │ └── ... ├── config/

vue2 的坑

qq_15884363的博客

06-17

396

npm install stylus-loader stylus --save-dev

Vue开发移动端踩过的坑——笔记

soxiuzi的博客

08-20

559

Vue监听对象及对象属性监听整个对象 export default { name: 'test', data() { a{ b: 'c', } }, watch() { a: { handler(newval, oldval) { console.log('变化后的对象a：' + newval + '变化前的对象a：' + oldval); ...

Vue开发中遇到的坑（总结）

sinat_35092057的博客

03-05

6830

1.fs.readFile读数据，解析不出json文件。 1）问题描述： 2）解决办法： 3）总结：有可能是node的版本差异，导致原先的写法出现解析不到json文件：原来的写法： let http = require('http'); let fs = require('fs'); let url = require('url'); let sliders = require('....

vue遇到的坑

limy_cxm的博客

06-08

2693

父级组件采用数据驱动渲染出来的导航栏之后，由于页面渲染的是子组件，这个时候在子组件中去触发父级组件上的事件并没有发生，这个时候反复找了网上查找了一些资料，刚开始百度到了一个关于v-for与click事件搭配出现失效的问题，由于我的父级组件也是通过v-for数据驱动渲染出来的页面，这个时候从这个方面出发，一直查找都没有答案，后来发现，当我们在子组件中去触发父级组件的时，父级组件的事件后面应该加个修饰符

vue2.0基础知识坑（一）

Hello，陌生人^o^。遇见你真好...

07-14

392

学完vue2.0，在写代码啦官网的方方老师的《Vue 自测题》测试了一下，惨不忍睹，记录一下测试中的错误知识点及坑。（一）安装与介绍 v-bind绑定之问题 html部分： &amp;lt;div id=&quot;app&quot;&amp;gt; &amp;lt;span ____________???____________&amp;gt; 鼠标悬停几秒钟查看此处动态绑定的

前端爬坑日记，你在初入vue项目开发过程中可能会掉进的坑

m0_37782372的博客

07-19

618

这篇文章是记录我在vue项目开发中遇到的各种巨坑，希望看了能对你有一些帮助，这篇文章会长期更新 1.Vue中使用sass 首先通过以下代码安装sass的依赖： npm i sass-loader node-sass - s 然后在webepack.base.conf.js目录下配置以下代码： { test: /\.sass$/, loaders: ['...

Vue2踩坑汇总

zhou_Tian的博客

05-25

289

最后百度了下，发现必须改成将“confirm”改为“onConfirm”，才能生效。我遇到的第一个坑是无法给Popconfirm添加的监听器无法触发。一般Element-UI结合Vue2使用。@和v-on这两种写法都尝试了。

Vue2.x踩坑与总结

weixin_34245749的博客

02-07

274

年前就打算学习并总结一下vue2.x，但是因为年前工作比较多，所以进展十分缓慢，现在终于学了一大部分，而且自己在学习开发中也踩了不少坑也总结了不少，所以将自己踩过的坑总结一下分享出来。因为在项目中使用了webpack2.x，所以对于webpack2.x也有一个踩坑总结，点击链接。原文链接：http://mrzhang123.github...