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文件的时候,看这里