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>

猜你喜欢

转载自www.cnblogs.com/cl66/p/10295108.html