![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue技术栈
天空之蓝钻
这个作者很懒,什么都没留下…
展开
-
Vue2 组件封装
Vue2 组件封装1.前言:接触一个前端框架,除了基础的使用语法以外我们接下来都会很关心组件和复用的问题。以下就是个简单的例子。2. 子组件引入下面是在父组件中引入子组件的代码片段:<template><div class="booklist_out_container"> <div class="booklist_container"&g...原创 2019-01-29 15:51:07 · 1110 阅读 · 0 评论 -
【VUE实战】学习笔记(一)
1. 前言:插值与表达式。生命周期。2. 生命周期:created 实例创建完成后调用,此阶段完成了数据的观测等,但尚未挂载, $el 还不可用。需要初始化处理一些数据时会比较有用,后面章节将有介绍.mounted el 挂载到实例上后调用,一般我们的第一个业务逻辑会在这里开始beforeDestroy 实例销毁之前调用。主要解绑一些使用 addEventListener 监听...原创 2019-05-28 00:00:43 · 101 阅读 · 0 评论 -
【VUE实战】学习笔记(二)
1.计算属性:计算属性是对【复杂表达式=>数据】的聚合,并不一定是个纯函数,但是最好能用一个纯函数作为计算属性。<template> <div class="lesson2">{{personNames}}</div></template><script>export default { name: "Hello...原创 2019-05-30 23:42:53 · 150 阅读 · 0 评论 -
【VUE实战】学习笔记(三)
v-bind指令:作用:用于动态更新HTML上的属性,当数据变化时,就会重新渲染。缩写:v-bind:class=“xxxx” 等于:class=“xxxx”绑定class的几种方式:受控方式 <div class="container" :class="{'red':isRed ,’ error ’:isError}"> <a v-bind...原创 2019-06-12 23:49:26 · 141 阅读 · 0 评论