Vue
关注
分享
扫一扫
weiweicn!
这个作者很懒，什么都没留下…
展开
-
[Vue] 37.Composition API: ref和reactive响应式应用的用法和原理1）
Vue ref 和reactive原创 2022-07-07 14:24:18 · 443 阅读 · 1 评论 -
[Vue] 36.Composition API: Setup函数的使用
Vue setup函数原创 2022-07-07 14:02:47 · 483 阅读 · 0 评论 -
[Vue] 35. 插件的使用：定义一个数据校验插件
Vue定义一个数据校验插件原创 2022-07-06 15:58:06 · 371 阅读 · 0 评论 -
[Vue] 34. 插件的定义和使用
Vue插件原创 2022-07-06 15:10:27 · 276 阅读 · 0 评论 -
[Vue] 33.底层render函数
Vue render函数原创 2022-07-06 14:47:10 · 142 阅读 · 0 评论 -
[Vue] 32.混入与自定义指令：Teleport传送门功能实现遮罩
Vue teleport传送门原创 2022-07-06 13:44:34 · 215 阅读 · 0 评论 -
[Vue] 31.混入与自定义指令：编写自定义指令（2）
Vue自定义指令原创 2022-07-05 17:30:31 · 102 阅读 · 0 评论 -
[Vue] 30.混入与自定义指令：编写自定义指令（1）
Vue:自定义指令原创 2022-07-05 16:59:38 · 171 阅读 · 0 评论 -
[Vue] 29.混入与自定义指令：Mixin混入的基础语法（2）
Vue mixin基础语法原创 2022-07-03 15:38:17 · 204 阅读 · 0 评论 -
[Vue] 28.混入与自定义指令：Mixin混入的基础语法（1）
Vue mixin混入基础原创 2022-07-03 14:48:01 · 214 阅读 · 0 评论 -
[Vue] 27.Vue.js过渡与动画：列表动画&状态动画
Vue列表动画，状态动画原创 2022-07-03 14:15:40 · 237 阅读 · 0 评论 -
[Vue] 26.Vue.js过渡与动画：组件和元素切换动画的实现
Vue:组件和元素切换动画原创 2022-07-02 18:20:50 · 228 阅读 · 0 评论 -
[Vue] 25.Vue.js过渡与动画：使用transition标签实现单元素/组件的过渡和动画效果
Vue: 单元素的过渡和动画效果原创 2022-07-01 16:39:19 · 551 阅读 · 0 评论 -
[Vue] 24.Vue.js过渡与动画：实现基础的CSS过渡与动画效果
Vue实现过渡与动画原创 2022-07-01 15:31:40 · 134 阅读 · 0 评论 -
[Vue] 23.Vue中的组件：查缺补漏
Vue:v-once, ref, provide/inject原创 2022-06-29 15:34:28 · 129 阅读 · 0 评论 -
[Vue] 22.Vue中的组件：动态组件和异步组件
Vue动态组件和异步组件原创 2022-06-29 14:06:40 · 209 阅读 · 0 评论 -
[Vue] 21.Vue中的组件：作用域插槽
Vue-作用域插槽原创 2022-06-28 16:54:22 · 156 阅读 · 0 评论 -
[Vue] 20.Vue中的组件：使用具名插槽解决组件内容传递问题
Vue 具名插槽原创 2022-06-28 16:17:21 · 290 阅读 · 0 评论 -
[Vue] 19.Vue中的组件：使用插槽解决组件内容传递问题
Vue-插槽原创 2022-06-28 15:36:17 · 499 阅读 · 0 评论 -
[Vue] 18.Vue中的组件：父子组件中如何通过事件进行通信
Vue 父子组件事件通信原创 2022-06-26 20:19:33 · 145 阅读 · 0 评论 -
[Vue] 17.Vue中的组件：Non-Props属性是什么
Vue的non-props属性原创 2022-06-26 19:11:57 · 261 阅读 · 2 评论 -
[Vue] 16.Vue中的组件：组件传值及单向数据流的理解
Vue中父组件给子组件传值以及单项数据流概念原创 2022-06-11 20:44:44 · 226 阅读 · 0 评论 -
[Vue] 15.Vue中的组件：组件传值及传值校验
Vue中父组件给子组件传值原创 2022-06-11 20:09:59 · 580 阅读 · 0 评论 -
[Vue] 14.Vue中的组件：创建子组件以及在父组件中用子组件
Vue的全局子组件与局部子组件原创 2022-06-10 15:32:19 · 2014 阅读 · 0 评论 -
[Vue] 13.Vue中的双向绑定(2) ----指令修饰符
Vue中的指令修饰符原创 2022-06-09 14:52:54 · 152 阅读 · 0 评论 -
[Vue] 13.Vue中的双向绑定(1) ----基本用法
Vue中的双向绑定原创 2022-06-09 14:39:42 · 128 阅读 · 0 评论 -
[Vue] 12.Vue的事件绑定（2）
Vue事件绑定原创 2022-06-09 11:49:37 · 124 阅读 · 0 评论 -
[Vue] 11.Vue的事件绑定（1）
初始代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti.原创 2022-06-04 16:45:20 · 95 阅读 · 0 评论 -
[Vue] 10.Vue的列表循环渲染 v-for
使用v-for渲染list中的内容<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">.原创 2022-05-30 16:27:27 · 798 阅读 · 0 评论 -
[Vue] 9.Vue的条件渲染 （v-if；v-show；v-else-if；v-else）
v-if: 通过控制dom的存在与否控制标签的显示与隐藏v-show: 通过控制sytle样式去控制元素的显示与否如果操作频繁的话建议v-show<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="view.原创 2022-05-30 15:08:43 · 96 阅读 · 0 评论 -
[Vue] 8.Vue的样式绑定
给标签加class （style标签中定义样式，给标签加class使用）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, init.原创 2022-05-30 12:01:58 · 98 阅读 · 0 评论 -
[Vue] 7.Vue的计算属性和侦听器
一、计算属性computed写法：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2022-05-30 10:21:21 · 104 阅读 · 0 评论 -
[Vue] 6.Vue常用的模板语法
v-html指令：用来解析带有标签的变量，可以展示出对应的样式。<script> const app = Vue.createApp({ data() { return { message: '<strong>hello world</strong>' } }, templat.原创 2022-05-27 15:36:39 · 155 阅读 · 0 评论 -
[Vue] 5.Vue的生命周期函数
一、生命周期函数：在某一时刻会自动执行的函数beforeCreate(): 分析的代码中的事件以及生命周期函数代码后，第一个执行即在实例生成之前执行（after init events & lifecycle）created(): 分析完数据以及模板之间绑定的内容后执行即在实例生成之后执行 (after init injections & reactivity)beforeMount(): 如果有template，Vue会把template变成render函数，beforMount(原创 2022-05-25 17:30:15 · 498 阅读 · 0 评论 -
[Vue] 4.组件的概念+todoList代码拆分
一、组件的概念标签中属性和数据绑定：v-bind<button v-on:click="handleAdditem" v-bind:title="inputValue">增加</button>二、拆分todoList组件将列表拆出来1）定义一个变量app，将createApp的实例赋值给它const app = Vue.createApp({ data() { return {原创 2022-05-24 15:51:00 · 215 阅读 · 0 评论 -
[Vue] 3.数据的循环展示 + todoList功能
一、数据的循环展示定义data中的数据data() { return { list: ['hello', 'world', 'adam', 'xin'] } },循环数据：v-fortemplate: ` <ul> <li v-for="(item, index) of list">{原创 2022-05-24 09:58:55 · 1216 阅读 · 0 评论 -
[Vue] 2. 字符串反转和内容隐藏 v-if
一、字符串反转：实现点击按钮后，字符串反过来显示写按钮，并绑定事件方法：v-on（绑定一个事件）：click（绑定的是click事件）<button v-on::click="handleBtnClick">反转</button>定义点击事件函数：methods: { handleBtnClick() { this.content = this.content.split('').reverse原创 2022-05-23 20:00:00 · 502 阅读 · 0 评论 -
[Vue] 1.用VUE写hello world和counter
一、用Vue写Hello world新建一个文件夹 Hello world; 新建一个文件: index.html在html的完整代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport原创 2022-05-23 15:06:45 · 268 阅读 · 0 评论