vue 随笔 一

一，export 和export default 的区别在于：export 可以导出多个命名模块，例如：

//demo1.js export const str = 'hello world'

export function f(a){ return a+1 } 　　对应的引入方式：

//demo2.js import { str, f } from 'demo1' 　　export default 只能导出一个默认模块，这个模块可以匿名，例如：

//demo1.js export default { a: 'hello', b: 'world' } 　　对应的引入方式：

//demo2.js import obj from 'demo1' 　　引入的时候可以给这个模块取任意名字，例如 "obj"，且不需要用大括号括起来。

二，v-if  v-show 区别

1，v-if：条件判断指令，根据表达式值的真假来插入或删除元素，表达式返回一个布尔值

2，v-show：条件渲染指令，与v-if不同的是，无论v-show的值为true或false，元素都会存在于HTML代码中； 而只有当v-if的值为true，元素才会存在于HTML代码中。v-show指令只是设置了元素CSS的style值，display：none

三，webstrom vue项目启动命令

npm install 安装 npm run dev 启动项目 注意路径切换到项目目录下 npm rebuild node-sass 解决版本冲突

四，解决Vue 表单一列两个字段问题

 <el-table-column prop="productName,productNO" label="产品名称/编号"  align="center">

              <template slot-scope="scope">
                 {{scope.row.productName}}/{{scope.row.productNO}}
              </template>
​
•            </el-table-column>

五，const let var 区别

var 作用域为方法中，方法中的for里面定义var 变量，方法中依旧可以使用

let 作用域为块中

const 定义的变量不可再赋值