Vue
文章平均质量分 52
记录自己的学习
诗若颜
这个作者很懒,什么都没留下…
展开
-
【vue 10 第一个vue-cli程序】
vue-cli原创 2023-02-24 14:40:05 · 479 阅读 · 0 评论 -
【vue 9】自定义事件内容分发
自定义事件内容分发原创 2023-02-20 19:42:49 · 294 阅读 · 0 评论 -
【vue 8】插槽slot
插槽slot原创 2023-02-20 16:45:43 · 165 阅读 · 0 评论 -
【vue 7】计算属性
计算属性原创 2023-02-20 14:45:52 · 139 阅读 · 0 评论 -
【vue 6】Axios异步通信
Axios异步通信Axios是什么?答:Axios是vue中引入解决异步通信的“框架’’如何使用引入js<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.js"></script><script src="https://unpkg.com/axios/dist/axios.min.js"></script>代码data.json文件(自己乱写一些数据也可以){原创 2021-04-01 20:36:05 · 62 阅读 · 0 评论 -
【vue 5】vue组件
vue组件把代码块写成一个可复用的模块,即组件(表述得不是很准确)。注册组件 Vue.component("组件名称",{ props: ['number'],//传递的值 template: '<li>{{number}}</li>' //组件模板 });使用组件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-原创 2021-04-01 19:24:48 · 74 阅读 · 0 评论 -
【vue 4】vue双向绑定
vue双向绑定 双向绑定的意思是,当视图层发生变化,数据层会跟着变化;数据层发生变化时,视图层也会发生变化。v-model的使用<input type="text" v-model="message">使用v-model直接绑定数据文本<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title&原创 2021-04-01 15:34:19 · 74 阅读 · 0 评论 -
【vue 3】vue事件绑定
vue绑定事件可以用 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码。使用v-on来绑定事件。v-on 使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!--导入vue.js--> <script src="https原创 2021-04-01 14:37:57 · 382 阅读 · 2 评论 -
【vue 2】vue基本语法
Vue基本语法v-if和v-else的使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title><!-- 引入cdn--> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.min.js" >&原创 2021-03-31 23:20:40 · 107 阅读 · 0 评论 -
【vue 1】第一个vue程序
Vue.js什么是vue?是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。简单来说,vue是一个前端框架。vue有什么用?随着vue的使用越来越多,大家不管是否学过vue,总是,听见一个耳熟能详的字样”前后端分离“。在众多的网页中,元素标签和数据是混杂在一起的,并没有明显的区分。而vue的出现,提出了”前后端分离“这样的思想,简单来说,数据的视图层,和数据层是有明显划分的。如何使用vue?我使用的工具:Idea1.在idea上,建一个ht原创 2021-03-31 22:43:51 · 154 阅读 · 0 评论