Vue
文章平均质量分 85
追星星の人
这个作者很懒,什么都没留下…
展开
-
ES6基础
ES6基础1、var\let区别2、const使用3、对象字面量增强写法1、var\let区别 var与let都是用来定义变量的,let可以看成为更完美的var,因为let有块级作用域,es5之前if和for都没有块级作用域的概念,所以在很多时候,我们都必须借助function作用域来解决引用外部变量问题。即es5中var没有块级作用域(if、for),es6中let有块级作用域(if、for)没有块级作用域引起的问题:if的块级(不希望在块级作用域外随意修改块级作用域内变量值)var func;原创 2020-07-09 17:26:42 · 74 阅读 · 0 评论 -
计算属性之属性含义详解
计算属性深层次介绍问题:计算属性在使用的时候为什么只放在双大括号里,不用加括号,就可以直接调用了呢?答:计算属性部分定义的变量只是一个属性,并不是一个函数,如果你看到这个情况属性名:function(),这只是计算属性定义的一个缩写。计算属性定义时包含set和get两个方法,我们一般不写set方法,这样可以认为定义的计算属性对其他变量的操作是只读的,并不会更改其他变量的值,并且在定义只含有get方法时的计算变量时,可以简写为:属性名:function(){}。定义计算属性变量实例 代码介绍:代码中原创 2020-06-15 10:20:27 · 866 阅读 · 0 评论 -
vue之计算属性
计算属性介绍 有时我们需要对mustache语法差值显示的一些data中的数据进行一些转化后再显示,或者需要将多个数据结合起来进行显示,这时使用计算属性(computed)是比较方便的。 代码简介:我们需要将一个人的名字的两部分连接起来,代码中显示了四种连接两个名字的方式,第一种方式:变量名相加,然后显示;第二种方式:变量显示内容相加;第三种方式:通过函数方式直接获得相加结果;第四种方式:通过计算属性获得相加生成的变量,然后显示。<!DOCTYPE html><html原创 2020-06-14 23:08:33 · 226 阅读 · 0 评论 -
v-bind动态绑定style
v-bind动态绑定stylev-bind动态绑定style(对象方式)v-bind动态绑定style(数组方式)v-bind动态绑定style(对象方式) v-bind可以动态绑定style的属性,格式为:style="{key(属性名):value(属性值)},此处要注意属性值是否带引号,带引号时为字符串,不带引号时vue会认为它是一个变量。 代码介绍,通过修改vue中的data中的值来动态修改页面要显示的字的样式。<!DOCTYPE html><html><原创 2020-06-14 13:11:40 · 5068 阅读 · 0 评论 -
v-bind动态绑定class
v-bind动态绑定classv-bind动态绑定class(对象语法)v-bind动态绑定class(数组语法)v-bind动态绑定class(对象语法) 对象语法的含义是:class后面跟的是一个对象。 用法一:直接通过{}绑定一个类,<h2 :class="{active:isSize}">{{message}}</h2> 用法二:也可以通过判断,传入多个值,如<h2 :class="{active:isSize,line:isColor}">{{me原创 2020-06-14 12:26:08 · 1793 阅读 · 0 评论 -
v-bind初步了解
v-bind和mustache(双大括号)区别 两者的作用都是将Vue实例中数据与Dom中元素内容绑定起来,但具体绑定内容不同。mustache语法绑定元素中间的内容处,如:<h1>这里绑定数据</h1>;v-bind主要绑定元素的属性值,如<a v-bind:href="数据名"></a>,或v-bind语法糖写法:<a :href="数据名"></a>,即将v-bind:用“:”代替。v-bind实例,动态绑定img和a的属性原创 2020-06-13 23:20:01 · 302 阅读 · 0 评论 -
差值操作mustache语法-双大括号
案例:主要介绍mustache语法中内容可以是变量,也可以是变量组合而成的表达式。<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title></head><body><div id="app"><!-- mustache语法中,不仅仅可以直接写变量,也可以写简单的表达式 -原创 2020-06-13 21:03:46 · 497 阅读 · 0 评论 -
Vue安装与初步体验
Vue安装与初步体验Vue安装Vue简单使用Vue安装下载vue.js文件进入vue.js官网点击页面中“起步”首先选择左侧导航栏中“安装”,然后在页面右侧通过滑动页面找到“开发版本”在“开发版本”文字处右键,点击“从链接另存文件为”,保存下来vue.js文件。然后放在合适的位置,通过“script”声明导入到html或jsp文件中,然后使用即可。具体导入见下文。导入vue.js文件前期准备:已经配置好tomat的eclipse软件,下载好的vue.js文件。 在eclipse中新建原创 2020-06-13 14:05:52 · 828 阅读 · 0 评论 -
javascript三大主流框架-Augular,React,Vue
javascript三大主流框架-Augular,React,VueAngularJS AngularJS 是一种流行的企业框架,许多开发人员使用其构建和维护复杂的 Web 应用程序。AngularJS 是由谷歌支持的开源框架。AngularJS 把自己描述为一个 HTML 的扩展,可用来构建复杂的 Web 应用程序。使用 TypeScript进行编写,有着模块化的特点。 AngularJS 是一个 MVC 类型的框架,它提供了双向的数据模型和视图之间的绑定。这种数据绑定,允许在双方只要有一个数原创 2020-06-13 12:09:25 · 1167 阅读 · 0 评论