VUE 使用笔记

动态:class和:style之三元运算表达式

//1.三元运算符使用
<p :style="{'color': (checkIndex3=='xx' ? '#3d8cff':'#BBBBBB')}">{{m.txt}}</p>
//2.class三元表达式
<i class="iconfont "  :class="[isShow=='xx'?'icon-xx':'icon-yy']"></i>
//3 多个
:class="[childItem.stock > 1 ? 'bottom-enable':'bottom-disable',{selected:childItem.selected}]"

npm安装vue指定版本

1、安装

# 1.x 与 2.x 版本

npm uninstall vue-cli -g

# 3.x 或更高

npm install -g @vue/cli

2、安装指定版本

# 查看可用的 3.x 版本

npm view @vue/cli versions

# 安装3.x 版本

npm install -g @vue/cli@3.12.1