随笔分类 -  Vue

上一页 1 2
Vue（6）v-on指令的使用
摘要：v-on 监听事件 可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。事件代码可以直接放到v-on后面，也可以写成一个函数。示例代码如下： <div id="app"> <p>{{counter}}</p> <button @click="counter += 阅读全文
posted @ 2021-06-28 22:45 Silent丿丶黑羽 阅读(295) 评论(0) 推荐(0)
Vue（5）计算属性computed
摘要：前言 一般情况下属性都是放到data中的，但是有些属性可能是需要经过一些逻辑计算后才能得出来，那么我们可以把这类属性变成计算属性。比如以下： <div id="example"> {{ message.split('').reverse().join('') }} </div> 在这个地方，模板不再 阅读全文
posted @ 2021-06-27 21:47 Silent丿丶黑羽 阅读(233) 评论(0) 推荐(0)
Vue（4）Vue指令的学习1
摘要：前言 Vue官网一共有提供了14个指令，分别如下 v-text v-html v-show v-if ☆☆☆ v-else ☆☆☆ v-else-if ☆☆☆ v-for ☆☆☆ v-on ☆☆☆ v-bind ☆☆☆ v-model ☆☆☆ v-slot v-pre v-cloak v-once 阅读全文
posted @ 2021-06-27 10:46 Silent丿丶黑羽 阅读(322) 评论(0) 推荐(0)
Vue（3）webstorm代码格式规范设置与vue模板配置
摘要：编译器代码格式规范设置 通常我们写代码时，代码缩进都是4个空格，但是在前端中，据全球投票统计，建议使用2个空格来进行代码缩进。 首先我们打开webstorm中的设置，如果使用的是mac的同学直接使用command + ,快捷方式，来到Editor-->Code Style-->HTML，将Tab s 阅读全文
posted @ 2021-06-25 06:46 Silent丿丶黑羽 阅读(1152) 评论(0) 推荐(0)
Vue（2）计数器的实现
摘要：计数器的实现 在页面上简单实现一个计数器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/vue.js"></script> </head> 阅读全文
posted @ 2021-06-24 16:47 Silent丿丶黑羽 阅读(215) 评论(0) 推荐(0)
Vue（1）Vue安装与使用
摘要：前言 Vue(读音/vjuː/，类似于view) 是一套用于构建前后端分离的框架。刚开始是由国内优秀选手尤雨溪开发出来的，目前是全球“最”流行的前端框架。使用vue开发网页很简单，并且技术生态环境完善，社区活跃，是前后端找工作必备技能！ Vue安装 vue的安装大体上分成三种方式 方式1：CDN引入 阅读全文
posted @ 2021-06-24 15:22 Silent丿丶黑羽 阅读(606) 评论(3) 推荐(3)

上一页 1 2