Vue学习
永困子菌
新手小白一个,不耻下问,努力学习
展开
-
Vue之组件创建
本次学习学习的是vue的组件创建用的则是Vue.component与其中的template组件原创 2022-03-27 19:42:44 · 1776 阅读 · 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 · 1041 阅读 · 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 · 747 阅读 · 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 · 587 阅读 · 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 · 438 阅读 · 0 评论 -
Vue的基础学习
Vue⬇ SOC原则(关注度分离原则)只做视图层(HTML + CSS(表现层) +JS):给用户看,刷新后台给的数据因为CSS有太多缺点所以一般不会用,所以衍生出了CSS预处理器的工具CSS预处理器:用一种专门的编程语言,进行Web页面样式的设计,再通过编译器转化为正常的CSS文件,以供项目使用。常见的CSS预处理器:1.SASS2.LESS3.SASS网络通信:axios页面跳转:vue-router状态管理:vuexVue-UI:飞冰(在线前端制作)amaze b原创 2022-01-10 13:31:56 · 280 阅读 · 0 评论