Vue
文章平均质量分 89
Mr顺
acm/蓝桥杯刷题狂,熟悉掌握Java/python/C++/C后端语言,前端vue/jQuery/JavaScript/jsp也能写,喜欢研究底层逻辑,请多指教。
展开
-
vuejs简单入门(1/3)
vuejs简单入门资料参考黑马程序员课程。1.VueJS 概述与快速入门1.1 VueJS介绍Vue.js是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手,还便于与第三方库或既有项目整合。官网:https://cn.vuejs.org/1.2 MVVM模式MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化,原创 2021-06-02 15:14:21 · 1300 阅读 · 0 评论 -
Vue(v-show简介)
v-show简介1.v-show指令的作用是:根据切换元素的显示状态2.原理是修改元素 的display,实现显示隐藏3.指令后面的内容,最终都会解析为布尔值4.值为true元素显示,值为false元素隐藏<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,原创 2020-12-13 23:12:23 · 31182 阅读 · 2 评论 -
Vue实现计数器元素功能区域
实现计数器元素的总结1.创建Vue示例时:el(挂载点),data(数据),methods(方法)2 .v-on指令 的作用是绑定事件,简写为:@3 .方法中通过this,关键字获取data中的数据4. v-text指令的作用是:设置元素的文本值,简写为{{}} ,v-html指令的作用是:设置元素的innerHTML<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2020-12-13 23:07:23 · 2380 阅读 · 1 评论 -
Vue(v-on基础)
v-on基础1.v-on指令的作用是:为元素绑定 事件2.事件名不需要写on3.指令可以简写为@4. 绑定的方法定义在methods属性中 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2020-12-13 23:03:48 · 503 阅读 · 0 评论 -
Vue(v-text和v-html同与异)
v-text和v-html同与异v-text重点:作用设置文本1.v-text指令的作用是:设置标签的内容(textContentt)2. 默认写法会替换全部内容,使用差值表达式{{}} ,可以替换指定内容3.内部支持写表达式v-html重点:解析a标签1.v-html指令的作用是:设置元素的 innerHTML2 .内容中有html结构会被解析为标签3.v-text指令无论内容是什么,只会解析为文本4.解析文本使用v-text,需要解析html 结构使用 v-html<!DO原创 2020-11-08 17:40:40 · 1273 阅读 · 1 评论 -
自学Vue(笔记1)
第一个Vue程序三步:1:导入开发版本Vue.js2:创建Vue实例对象(设置el属性和data属性)3:使用简介的模板语法把数据熏染到页面上el的三个思考1 .Vue实例的作用范围是什么呢? Vue会管理el选项命中的 元素 及其 内部 的 后代元素2 .是否可以使用其他是选择器? 可以使用其他选择器,但是建议使用ID选择器。3 . 是否可以设置其他啊的dom元素呢? 可以使用其他的双标签,但是不能使用 HTML 和 BODY<!DOCTYPE html><htm原创 2020-11-08 17:26:09 · 2842 阅读 · 3 评论