项目vue1.0升级到2.0的心得

摘要:
一个标签对内部在vue1中可以有多个class。但是在vue2中只能有一个class。

遇到的问题:

一、Vue.elementDirective已丢弃,致使无法使用vue-validator的三方插件。vue2.0不支持vue-validator。

二、项目报错:duplicate attribute: class;有重复的class属性。一个标签对内部在vue1中可以有多个class。但是在vue2中只能有一个class。

三、不能用保留字作为变量在html中使用:例如<div :class="class"></div>;

四:不能使用内置的和保留的标签做组件名:Do not use built-in or reserved HTML elements as component id: menu

五:vue2使用webpack1,刷新页面总是在后面加上“#/”...处理中

免责声明:文章转载自《项目vue1.0升级到2.0的心得》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇css实现div中图片高度自适应并与父级div宽度一致【Azure 环境】在Windows环境中抓取网络包(netsh trace)后,如何转换为Wireshark格式以便进行分析下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

vue爬坑之路--------this$refs[formName]validate

vue element-ui使用自定义正则表达式: let validatePass = (rule, value, callback) => { let regExp = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{8,16}$/ if (value === '') { call...

vue项目---实现点击加入购物车

分析:使用Vuex状态管理。 点击加入购物车,将这个商品组成一个对象,放到store里面的car[]里。 1.在Goodsinfo.vue中,给加入购物车注册点击函数,addToShopCar  2.在methods中添加这个方法    this.ballFlag=!this.ballFlag;//这是之前控制小球的显示与隐藏   //首先,要拼接出一个...

vue效果之改element的el-checkbox-group多选框组为单选可取消的单选框(样式还是多选框的样式)

vue <el-checkbox-group v-model="listThematicChecked"> <el-checkbox v-for="(item , index) in subjectList" @change="clickThematicMapItem(item,index)" :key="item.me...

vue需求表单有单位(时分秒千克等等)

需求如下: 问题分析: 因为用elementui组件 el-input 相当于块级元素,后面的单位<span>分</span>会被挤下去,无法在同一水平。 解决方法: 不用它的组件,自己写个原生的,用组件的class名,替换el-input__inner 为 el-input__myinner   <el-form-it...

vue 好用的轮播插件之一 vue-seamless-scroll

1.安装 cnpm i vue-seamless-scroll -S 2.组件调用importvueSeamlessfrom"vue-seamless-scroll"; (或者全局注册) 3.https://www.npmjs.com/package/vue-seamless-scrollhttps://chenxuan0000.github.io/vue...

VSCode 启动 Vue 项目 npm install 报错

1. 报错后,查看了版本。 查看node版本:node -v 查看npm版本:npm -v 查看Augular版本:ng --version 2. 感觉 Augular CLI版本太低,使用以下方法升级到最新版本: 》 npm uninstall -g @angular/cli 》 npm cache verify (或 npm cache clean -...