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


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值