- 博客(7)
- 收藏
- 关注
RSS订阅原创 七. Vue-分支循环结构
分支循环结构分支结构v-ifv-elsev-else-if这三种都是通过判断指的真和假，判断指定元素是否渲染到界面<div v-if="score > 90">优秀</div><div v-else-if="score < 90&&score > 80">良好</div><div v-else-if='score< 80&&score> 60'> 一般</div
2020-07-03 18:37:43
107
原创 六. Vue-样式绑定
样式绑定处理样式的常用思路：1.通过类名class影响标签的样式class样式处理：对象语法通过v-bind绑定class，值通过对象的方式控制属性是否显示<div id="app"> <!-- 利用v-bind绑定class，类名用对象（可以包含键值对）的方式表示 --> <div v-bind:class="{active: isActive,back: isBack}"> <!-- 键值对的左边是类名，右边是类名对应的属性，
2020-07-03 15:58:13
233
原创 五. Vue-属性绑定
属性绑定1.vue如何动态处理属性v-bind：控制标签元素属性的动态变化<div id="app"> <a v-bind:href="url">b站</a> <button @click="handle">切换</button> </div>methods: { handle:function(){ this.url="https://home.firefoxchina.c
2020-07-03 14:19:23
103
原创 四. Vue-简单计算器
简单计算器通过v-model进行双向数据绑定给计算按钮，绑定事件，实现计算逻辑将计算结果绑定到相应位置<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js" type="text/javascript" charset="utf-8"></scrip
2020-07-03 14:18:16
125
原创 三.Vue-事件绑定
事件绑定要想做一个功能复杂的前端应用，离不来用户的交互，而与交互密切关联的就是事件。数据绑定与事件绑定，一个绑定的是数据，一个绑定的是具体的操作1.vue如何处理事件：v-on指令用法<div> <button type="button" v-on:click="num++">点击</button></div><div v-text="num"></div>data: { num:0
2020-07-03 00:26:39
362
原创 二. Vue-插值表达式与指令
插值表达式与指令插值表达式:{{ Mustache }} 插值如：{{msg}}指令:1.什么是指令：什么是自定义属性：在html5中引入的规范化自定义属性，如abc：123，而标准属性则如color：red指令的本质就是自定义属性指令的格式：以v-开始（如v-cloak），由开发者进行设定的2.v-cloak指令用法：插值表达式存在的问题：“闪动”：当浏览器因为频繁刷新等原因造成卡顿时，差值表达式会存在显示花括号之后再迅速显示值的内容如何解决该问题：解
2020-07-02 18:41:15
291
原创 一.Vue-基础
基础VUE的基本用法：概述：一个渐进式javascript框架申明式渲染—组件系统（组件化开发模式）—客户端路由（单页面应用，页面的局部更新，浏览器的历史回退功能）—集中式状态管理（项目规模大，大量的业务数据，vuex）—项目构建（大型前端的独立，开发，部署上线）vue的基本使用步骤：1.需要提供标签用于填充数据：插入一个带id号的容器 2.引入vue.js库文件：在头部插入3.使用vue的语法做功能：提供一个对象，用于存储vue实例，需要提供对象型的参数 el和data：var
2020-07-02 15:31:52
112
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人