![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
阿巴阿巴www
敲代码的程序员。日复一日,年复一年的敲代码。
展开
-
vue的指令
⑴v-bind:给元素绑定属性 ⑵v-on:给元素绑定事件 ⑶v-html:给元素绑定数据,且该指令可以解析html标签 ⑷v-text:给元素绑定数据,不解析标签 ⑸v-model:数据双向绑定 ⑹v-for:遍历数组 ⑺v-if:条件渲染指令,动态在DOM内添加或删除DOM元素 ⑻v-else:条件渲染指令,必须跟v-if成对使用 ⑼v-else-if:判断多层条件,必须跟v-if成对使用 ⑽v-cloak:解决插值闪烁问题 ⑾v-once:只渲染元素或组件一次 ⑿v-pre:跳过原创 2021-05-17 10:37:43 · 98 阅读 · 0 评论 -
请vue.cli项目中src目录每个文件夹和文件的用法
assets文件夹是放静态资源;components是放组件;router是定义路由相关的配置;view视图;app.vue是一个应用主组件;main.js是入口文件原创 2021-05-17 10:35:27 · 421 阅读 · 0 评论 -
Vue的生命周期(11个钩子函数)
⑴beforeCreate(创建前):在此生命周期函数执行的时候,data和methods中的数据都还没有初始化。 ⑵created(创建后):在此生命周期函数中,data和methods都已经被初始化好了,如果要调用 methods中的方法,或者操作data中的数据,最早只能在created中操作。 ⑶beforeMount(载入前):在此生命周期函数执行的时候,模板已经在内存中编译好了,但是尚未挂载到页面中去,此时页面还是旧的。 ⑷mounted(载入后):此时页面和内存中都是最新的数据,这个钩子原创 2021-05-13 11:49:10 · 353 阅读 · 1 评论 -
如何实现一个自定义组件
自定义组件: 创建子组件的文件,建立组件的模板,把架子搭起来,也就是在子组件中写好<template>视图层,<script>逻辑层<style>css样式层。 然后定义好props里面的数据,实现子组件需要的逻辑代码后,也就封装好了,然后直接调用即可。 调用的花import引入,同时在父组件<script>(逻辑层)中的components这个对象中写入组件名称,最后挂载到父组件的template中即可。 ...原创 2021-05-13 11:43:32 · 317 阅读 · 0 评论 -
vue中的路由嵌套
routes:[ { path:"/home", name:"Home", components:Home, //子路由 children:[ { path:"child", name:"Child", components:"Child" } ] } ]原创 2021-05-10 11:08:45 · 86 阅读 · 0 评论 -
Proxy相比于defineProperty的优势
Vue3.0摒弃了Object.defineProperty,改为基于Proxy的观察者机制探索。 首先说一下Object.defineProperty的缺点: ①Object.defineProperty无法监控到数组下标的变化,导致直接通过数组的下标给数组设置值,不能实施响应。 ②Object.defineProperty只能劫持对象的属性,因此我们需要对每个对象的每个属性进行遍历。Vue2.X里,是通过递归 + 遍历data对象来实现对数据的监控的,如果属性值也是对象那么需要深度遍历,显然如果能原创 2021-05-10 10:49:21 · 471 阅读 · 0 评论 -
nextTick的使用
使用nextTick的原因:Vue是异步修改DOM的,并且不鼓励开发者直接接触DOM,但是有时候需要必须对数据更改后的DOM元素做相应的处理,但是获取到的DOM数据并不是更改后的数据,这时候就需要this.$nextTick(); 使用: //HTML <button @click="change()">按钮</button><h1 ref="gss">{{msg}}</h1> //JS export default{ name:"app"...原创 2021-05-10 10:46:34 · 289 阅读 · 0 评论 -
vue双向数据绑定
双向数据绑定是由v-model来实现的。 是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter在数据变动时发布消息给订阅者,触发相应的监听回调来渲染视图,实现数据和视图同步。 数据属性:就是我们经常使用的属性 访问器属性:也称存取器属性(存取器属性就是一组获取和设置值的函数) 第一步:需要observer(观察者)[əbˈzɜːvə(r)]的数据对象进行递归遍历,包括子属性对象的属性,都加上 setter和...原创 2021-05-07 21:27:40 · 99 阅读 · 0 评论