
vue
文章平均质量分 56
Love_云宝儿
爱她~
展开
-
Vue的v-bind的使用方式
当我们希望dom的某些属性也动态绑定的时候。比如动态绑定a元素的href原创 2021-06-01 20:41:43 · 294 阅读 · 0 评论 -
Vue的常用指令
1.v-onceonce是一次的意思。vue是响应式的编程。有的人可能就会问,什么是响应式编程??所谓响应式编程简单的来说就是页面显示随着数据的变化而变化。也就是说,当vue中大data属性中的变量值变化时,页面显示也会随着变,看下面的图HTML代码:<html> <head> <meta charset="utf-8" /> <title></title> <script src="https://cdn.j原创 2021-05-26 18:13:16 · 268 阅读 · 2 评论 -
Vue的mustache语法简介与举例
mustache语法实际上就是我们说的双大括号。mustache英文含义是 胡子/胡须,所以你不觉得双大括号有点像胡须吗?准备直接上代码,里面有注释,自己看,哈哈<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="https://cdn.jsdelivr.net/npm/vue/dis原创 2021-05-24 20:07:21 · 539 阅读 · 1 评论 -
Vue的生命周期简述
首先,什么是生命周期?我个人的理解就是:一个事物从诞生到消亡的过程原创 2021-05-24 13:10:38 · 209 阅读 · 3 评论 -
理解Vue的options选项
首先,啥是vue的options?vue的option即为你 new vue({});大括号内的东西,统称为options。我们在创建Vue实例的时候,会传入一个对象options,上篇文章中讲到了options对象的属性,如el、data、methods,这些就是option,如下图所示:---补充一个知识点,const是es6语法中来定义常量,let用定义变量,es6语法之前,统一使用var来定义。回归正题,那这些option中可以包含哪些选项呢?可以看官网,哈哈,官网链接给你:ht原创 2021-05-23 18:28:44 · 9957 阅读 · 0 评论 -
vue.js的简单应用
首先我们新建一个vue项目,引入vue.jsvue.js可以直接去官网下载:官网地址:https://cn.vuejs.org/v2/guide/installation.html,你可以下载任何一个版本,当然,你也可以直接引入cdn的路径。如下图所示:然后我们新建一个demo,双大括号为vue的取值方式。<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title原创 2021-05-20 12:54:52 · 666 阅读 · 3 评论