Vue学习
永困子菌
新手小白一个,不耻下问,努力学习
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue之组件创建
本次学习学习的是vue的组件创建 用的则是Vue.component与其中的template组件原创 2022-03-27 19:42:44 · 1878 阅读 · 0 评论 -
Vue学习之双向绑定
何为双向绑定。 我们简单的看一下例子,例子如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <p>输入的文本:<input type="text" v-model="m原创 2022-03-22 10:22:17 · 1127 阅读 · 0 评论 -
vue绑定事件
每一个程序都应拥有方法,而vue的方法必须写在methods中。而事件的绑定(如click、onclick等)用到的就是vue中的v-on方法(这个方法用于事件绑定·) 例如以下代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div原创 2022-03-21 11:15:26 · 829 阅读 · 0 评论 -
第三个vue程序之循环语句
第三个vue程序就是,循环语句for 同样在vue中其就变成了v-for <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <!-- items绑定的是下方script中的data里的items原创 2022-02-14 12:29:24 · 669 阅读 · 0 评论 -
第一个vue程序
因为是学后端的,所以我用的是IDEA来开发的 这里放出官网想要详细学习的可以上官网查看 首先,如果想创建vue文件,那么必须在idea里安装插件,点开file-settings-plugins-marketplace中搜索vue 然后点击安装即可 之后在创建项目的时候就会出现vue component,就说明你您安装成功了。(如果没有,则到file-settings-plugins-editor-file and code templates中找到vue图标然后点击“-”旁边的复制即可) 那么这一些列操原创 2022-01-22 13:21:27 · 532 阅读 · 0 评论 -
Vue的基础学习
Vue⬇ SOC原则(关注度分离原则) 只做视图层(HTML + CSS(表现层) +JS):给用户看,刷新后台给的数据 因为CSS有太多缺点所以一般不会用,所以衍生出了CSS预处理器的工具 CSS预处理器:用一种专门的编程语言,进行Web页面样式的设计,再通过编译器转化为正常的CSS文件,以供项目使用。 常见的CSS预处理器: 1.SASS 2.LESS 3.SASS 网络通信:axios 页面跳转:vue-router 状态管理:vuex Vue-UI:飞冰(在线前端制作)amaze b原创 2022-01-10 13:31:56 · 352 阅读 · 0 评论
分享