![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
亦难猿
flag:在技术的道路上越苟越远!
展开
-
8.过滤器
在vue中,过滤器注意用来文本的格式化,或者数组数据的过滤和排序等。全局过滤器:<!DOCTYPE html><html><head> <meta charset="utf-8"> <script src="../JS/vue.js"></script> <title>过滤器</title></head><body><!--过滤器本质上是一个.原创 2021-01-08 12:59:34 · 524 阅读 · 0 评论 -
7.表单输入绑定
<!DOCTYPE html><html><head> <meta charset="utf-8"> <script src="../JS/vue.js"></script> <title>表单输入绑定</title></head><body><!-- 表单控件的数据绑定就是用v-model指令来实现的,它会根据控件类型自动选取正确的方法来..原创 2021-01-08 12:58:54 · 268 阅读 · 0 评论 -
6.css与style绑定
HTML元素有两个设置样式的属性:css和style,前者用于指定样式表中的class,后者用于设置内联样式,在vue.js中可以使用v-bind指令来处理它们;只需要通过表达式计算出字符串的结果即可。只不过,字符串拼接比较麻烦而且容易出错,因此,在将v-bind用于class和style时,vue专门做了增强。表达式结果的类型除了字符串之外,还可以是对象或者数组。<!DOCTYPE html><html><head> <meta charset=".原创 2021-01-08 12:58:17 · 561 阅读 · 0 评论 -
5.监听器
1.vue提供了一种更通用的方式来观察和响应vue实例上的数据变动:监听属性。当你有一些数据需要随着其他数据变化而变化时,就可以使用监听器。(它主要用于监测Vue实例的数据变动,并依据该数据变动做出响应,如更新另一数据,或者发起异步请求从服务端请求数据,和计算属性的区别就是,监听器不需要返回新的数据,不能被当做数据属性使用,当需要在数据变化时执行异步或者开销较大的操作时,使用监听器时最合适的)2.不要使用箭头函数来定义监听器函数,因为箭头函数绑定的是父级作用域的上下文。3.监听器在定义时,除了直接写一.原创 2021-01-08 12:57:34 · 293 阅读 · 0 评论 -
4.vue中的计算属性
1.计算属性:1.当js的表达式逻辑过于复杂时,我们应当考虑计算属性。计算属性是以函数形式,在vue实例的选项对象的computed选项中定义。2.计算属性和方法的不同之处在于计算属性是基于他的响应式依赖进行缓存的,只有在计算属性的相关响应式依赖发生改变时才会重新求值。3.将v-for和v-if一起使用,在渲染列表是,根据v-if指令的条件判断来过滤列表中不满足条件的列表项,实际上这个功能也可以使用计算属性来完成<!DOCTYPE html><html><head.原创 2021-01-08 12:56:45 · 325 阅读 · 0 评论 -
3.vue语法
在一个使用vue框架的页面应用程序中,至少要创建一个Vue实例,语法为 new Vue(),vue实例充当了MVVM模式中的ViewModel。创建vue实例时,需要传入一个选项对象,该对象可以包含数据、方法、组件生命周期钩子等。1.第一个实例<!DOCTYPE html><html><head> <meta charset="utf-8"> <!--引入Vue的包(可以官方下载)--> <script s.原创 2021-01-08 12:55:41 · 761 阅读 · 0 评论 -
2.es6的语法
2.let和const:2.1.let:声明变量,块就是{}之间的代码,作用域只在当前代码块之间,let的用法和var相同,不过let声明的变量不会被提升2.2.const:声明常量,在声明常量的时候必须同时进行初始化(给这个常量附一个值),如果 使用const声明对象,对象本身的绑定不能修改,但是对象的属性和值是可以修改的(比如一个person对象,声明了name和age属性,我们可以修改name和age属性的值)3.模板字面量(多行字符串和字符串占位符):3.1.多行字符串,现在多.原创 2021-01-08 12:05:05 · 299 阅读 · 3 评论 -
9.组件
2.let和const:2.1.let:声明变量,块就是{}之间的代码,作用域只在当前代码块之间,let的用法和var相同,不过let声明的变量不会被提升2.2.const:声明常量,在声明常量的时候必须同时进行初始化(给这个常量附一个值),如果 使用const声明对象,对象本身的绑定不能修改,但是对象的属性和值是可以修改的(比如一个person对象,声明了name和age属性,我们可以修改name和age属性的值)3.模板字面量(多行字符串和字符串占位符):3.1.多行字符串,现在多.原创 2021-01-08 11:34:04 · 214 阅读 · 0 评论 -
1.vue.js概述
1.MVVM的核心是数据双向绑定,当用户操作View,viewModel感知到变化,然后通知model发生相应改变,反之亦然正在上传…重新上传取消MVVM模式解耦了视图和模型 : 在模式中,每一个视图都对应一个ViewModel,同时ViewModel与模型建立关联系,当接收到用户请求时,ViewModel获取模型响应数据,并通过数据绑定将相应的视图页面重新渲染.视图层的数据只需要传入ViewModel即可实现视图层的同步更新,从而实现了视图和模型之间的松散耦合 .MVVM.原创 2021-01-08 11:25:23 · 133 阅读 · 0 评论