vue
xiaoLiang o
一个人必须不停地写作,才能不被茫茫人海淹没。
展开
-
vue——过滤器
vue——过滤器vue允许使用自定义过滤器,可被用于一些常见的文本格式化。过滤器可以在两个地方使用:双花括号插值和v-bind表达式。过滤器被添加到JS表达式的尾部,由‘管道’符号指示://在双花括号中使用{{meaasge | capitalize}}//在v-bind中使用<div v-bind:id="reawId | formatId"></div>可以在一个组件的选项中定义本地的过滤器,也可以在创建Vue实例之前全局定义过滤器://组件选项中定义filt原创 2021-08-18 17:39:17 · 86 阅读 · 0 评论 -
vue的应用实例和组件实例
vue的应用实例和组件实例创建一个vue的应用实例通过createApp函数创建const app = Vue.createApp({}) //app就是应用实例应用实例可以用于注册全局组件app.component('组件名',Xcomponent)应用实例上的很多方法都允许链式Vue.createApp({}) .component('组件名',Xcomponent)之所以可以进行链式调用,是因为它们都返回同一个app实例根组件利用c原创 2021-08-03 11:44:59 · 1198 阅读 · 0 评论 -
Vue的prop属性
Vue的prop属性在Vue中,父子组件的关系可以总结为propsDown,eventsUp。父组件通过props向下传递数据给子组件,子组件通过events给父组件发送消息。prop的作用就是父组件向子组件单向传递数据,该过程是单向的,传递的属性可以是静态的,也可以是动态的,可以是数字、字符串、数组、对象以及校验函数进行校验。所有的prop都使得其父子组件之间形成了一个单向下行绑定:父组件的prop的更新会向下流动到子组件中,但反过来不行,这样就会防止从子组件意外改变父组件以及同级子组件的原创 2021-06-18 15:31:57 · 7163 阅读 · 0 评论 -
Vue的计算属性 computed
Vue的计算属性 computed在模板中放入太多的逻辑会让模板过重且难以维护,在对于模板中任何复杂的逻辑,我们可以使用计算属性来实现。由于计算属性类似于watch,所以它将观察一个响应式数据,并在该响应式数据发生更改时进行更新。计算属性是基于它们的响应式依赖进行缓存的。它只在相关响应式依赖发生改变时它们才会重新求值。只会在文本更改时重新计算,否则将返回上次更改的缓存值。计算属性的setter默认情况下,计算属性是只读的,无法设置。但是,如果要为允许设置其依赖的计算属性添加钩子,可这么做原创 2021-06-18 14:59:05 · 238 阅读 · 0 评论 -
vue-cli脚手架的搭建(详细有图解)
vue-cli脚手架的搭建一、安装脚手架工具1、安装nodejs(自带npm)安装过程非常简单,与平时安装的一般软件无异。官方网站:https://nodejs.org/en/安装之后,打开Node.js命令行工具,输入node --version测试安装是否成功,出现版本号则安装成功,如图:2、安装淘宝镜像cnpm(npm安装vue-cli比较慢,可以使用cnpm进行替换)...原创 2019-08-31 12:03:16 · 378 阅读 · 0 评论 -
Vue实例的生命周期之图示详解
Vue实例的生命周期图示详解每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。从vue实例的创建,运行,销毁期间,总是伴随着各种各样的事件,这些事件统称为生命周期。Vue生命周期经历哪些阶段:总体来说:初始化、运行中、销毁详细来说:开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销...原创 2019-08-07 09:31:32 · 426 阅读 · 0 评论