vuejs的重要点

1. 在用npm创建vue项目时会出现一个ESLint 表示是否用ES做代码的检查工具 可以写No

2. v-if与v-show的区别

   <p v-if="flag"></p>

表示当flag为true时，出现在页面的dom中出现p标签的数据，否则，不出现p标签的数据

  <p v-show="flag"></p>

表示当flag为true时，出现在页面的dom中出现p标签的数据，否则，也出现p标签的数据，只是display为none

3. vuejs中的class

    ：class = “{red: isRed}” 其中red为class的名字， isRed是一个bool对象，如果isRed为true，则表示有red的class样式表，否则没有red的样式表。其中red和isRed都要在data中写明，red只要写class样式表的名字就好了

    ：class = "[classA, classB]" 表明有classA， classB两种样式表，classA和classB在data中要有写明

    ：class = “[classA, {classB: isB}]” 表明有 classA样式表，classB的样式表要看isB对象了

4. api文档：cn.vuejs.org/api

5. watch

    watch: {
'a'：function(new, old){

}
}

当data中的数据a发生变化是，触发对应的方法，在api的 选项/数据 栏

6. localStorage

html5提供了了一个临时的数据库的功能，window.localStorage.setItem(key, value)和window.localStorage.getItem(key)。一个是存，一个是取。key和value一般为字符串类型

7. 组件嵌套

<template>

<div>

<hello></hello>

</div>

</template>

script中要将hello注册到div中

<script>

import Hello from 'xx'

export default {

components: {Hello} //如果不加这句话的话，hello是不能用的。还有它自动匹配蜂鸟等命名规则

}

</script>

在npm run build 之后，发现打包出来的文件，访问的时候加载不到js和css文件的时候，看这里