VUE开发笔记

《Vue.js实战》源码及答疑: https://github.com/icarusion/vue-book ;

1.常用的生命周期函数:
created (创建时,挂载前)
mounted (挂载后)
beforeDestroy (实例销毁的时候。比如setInterval运行时候,离开当前页面需要停止,在beforeDestroy里执行clearInterval())


2.数据绑定 
v-pre 可以避免对于他的子元素进行编译。如 <span v-pre> {{ data }} </span>


3.关于v-bind:class
可以用 json 格式:{className:true}
可以用计算属性 computed 、 methods 、 data
当需要有多个class时,可以用数组语法[ object1 , object2 ]

同时也可以应用到组件上,但是注意:只能应用到根元素上,如果想应用到子元素,需要用props去传递

v-bind:style 和v-bind:class 用法类似
<p v-bind:style="{'color':color,'font-size':fontSize+'px'}">test</p>



4.内置指令
在用v-if,渲染元素的时候,元素是会被优先复用的,比如input里边输入的内容会被保留下来,如果不想元素被复用,可以用key属性来指定元素的唯一性。



5.关于组件
不要用内置HTML标签作为组件名称,比如‘map’。



VUE插件 
v-charts:
vue和echarts的结合,用起来很方便。
官方文档:https://v-charts.js.org/#/start ;
引入方式:在对应的模块里,用这样的方式调用对应的模块 
import VeLine from 'v-charts/lib/line.common'
components:{VeLine,VePie}
通过 data 属性,把数据传入
<ve-pie :data="chartData"></ve-pie>

转载于:https://www.cnblogs.com/cl66/p/10295108.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值