Vue
hey,you !
人生没有重来,贪婪有何不可!
展开
-
VUE的基础语法
VUE的基础语法new Vue(options)返回值vm(viewModel)el:不能挂载到html或者body上 =>querySelectordata数据值对于对象来说要先声明,否则新增属性无效(可以基于vm.$set处理)vm.arr[0]=xxx 改变数组中的某一项视图不会渲染,需要基于内置的方法,例如:push…对象或者数组可以整体替换值实现...原创 2019-11-08 19:06:11 · 171 阅读 · 0 评论 -
VUE基础概念
VUE基础概念https://cn.vuejs.orgVue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架特点:易用、灵活、高效全家桶:vue + components(vue element / iview…) + vue-router + vuex + vue-cli类库 vs 插件 vs 组件 vs 框架类库:jquery、zepto、unders...原创 2019-11-01 20:33:02 · 200 阅读 · 0 评论 -
案例--vue.filter
阅读如下代码,写出代码的功能,输入和输出Vue.filter('toThousandFilter', function(num){ return (+num || 0).toString().replace(/^-?\d+/g, m => m.replace(/(?=(?!\b)(\d{3})+$)/g, ','))});全局过滤器:我们可以直接在vue对象上使用filter方法...原创 2019-04-20 09:41:31 · 489 阅读 · 0 评论 -
vue--概念
框架和库框架vue拥有完整的解决方案,我们写好人家调用我库,jQuery zepto animate.css underscore我们调用它渐进式(渐进增强)vue全家桶 vue.js + vue-router + vuex + axios通过组合,完成一个完整的框架渐进式的理解声明是的渲染(无需关心如何实现的,用就可以了)组件系统客户端路由(vue-router)大...原创 2019-04-18 10:01:57 · 101 阅读 · 0 评论 -
slot插槽
无名插槽和具名插槽例:折叠面板作用域插槽动态组件动态组件可以使用同一个挂载点,然后动态的在他们之间切换实现方法:使用Vue里的标签外加一个is属性来实现component标签相当于一个占位符,组件名设置为那个组件,则就是把对应的组件放入到component标签中。keep-alive 缓存组件exclude:排除哪些组件不缓存include:哪些组件被缓存测试:created...原创 2019-04-17 19:10:14 · 98 阅读 · 0 评论 -
vue指令--作用
v-on指令(处理事件),并且v-on可以使用@符号替代作用:为HTML元素绑定事件监听语法:v-on:事件名称=‘函数名称()’简写语法:@事件名称=‘函数名称()’v-class 类名v-style 与v-class用法大致一样v-cloak防闪烁v-pre 把标签内部的元素原位输出v-once 就是 加载一次 如果用到事件中就是事件只执行一次(@click.once...原创 2019-04-03 19:55:12 · 1155 阅读 · 0 评论 -
vue.vue
saff 快捷键 生成模板原创 2019-04-15 16:46:35 · 92 阅读 · 0 评论 -
vue
一、vue是什么?中文官网:https://cn.vuejs.org/Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。什么是渐进式?就是在核心功能的基础上,不断添加,vue的核心功能非常简单(单一),只专注于视图层。但它非常容易扩展,vue加上其他工具就可以组合起来,做更加强大的功能。vue的生态:vue + vue-router + vuex +...原创 2019-03-28 10:50:57 · 84 阅读 · 0 评论 -
vue-组件
组件在html中我们学习的最小单元是标签。在vue中我们学习的最小单元是组件。组件是我们自己扩展的HTML元素,封装可重用的代码。在较高层面上,组件是自定义元素,vue.js为它添加了特殊的功能。组件(component)是vue.js最强大的功能之一。在vue中一切皆是组件。在let vm = new Vue({})中得到的vm是Vue的一个实例,它也可以理解为一个组件,只不过它是一...原创 2019-03-28 10:45:18 · 148 阅读 · 0 评论 -
函数的扩展
函数的扩展有以下三个方面:1>函数的默认值2>rest参数3>箭头函数函数的默认值es5传默认值时,的两种方法:1)条件判断 2)三元运算符(bug,如果a=0时,回去后面的值)var sum = function(a,b){ let a = a || 2; let b = b || 3;}ES6let sum = (a=2,b=3) =>...原创 2019-03-15 11:54:19 · 293 阅读 · 0 评论 -
class
class ES6引入了类的概念,它可以看作是一个语法糖,因为class实现的功能ES5都实现了。ES5 创建一个类function Person(name,age,sex){this.name = name;this.age = age;this.sex = sex;}Person.prototype.sayName = function(){alert(this.name)}...原创 2019-03-15 11:50:40 · 75 阅读 · 0 评论 -
什么是解构赋值?
什么是解构赋值?es6允许按照一定的模式,从数组或对象中提取值,给变量进行赋值,称为解构赋值。特点:1、给变量赋值2、值的来源是对象或数组3、规则:按一定的模式一般用在数据交互,ajax请求数据。数组解构//1.这种比较散let a = 10;let b = 12;let c = 13;console.log(a,b,c); //10,12,13//2.定义到数组内le...原创 2019-03-14 16:40:43 · 3762 阅读 · 1 评论 -
let和const
nodejs是javascript的运行环境,可以使用node来测试。1.定义(声明)变量es5和es6的区别js版本 作用域es5 全局作用域和函数作用域es6 块级作用域|定义(声明)变量 | 定义的变量是否提升 |在同一个作用域内,是否可以重复定义 |变量定义后,是否可以修改 ||-var-|-是-|-是-|-是-||-let-|-否-|-否-|-是-|| const | ...原创 2019-03-14 16:24:34 · 90 阅读 · 0 评论 -
ES6转ES5使用babel
ES6 ----> ES5一、babel是什么?babel的中文网:https://www.babeljs.cn/有两个版本:babel6 babel7,两者都可以使用,选其一即可babel是一个javascript编译器。二、babel可以解决什么问题?Babel是一个广泛使用的转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。这只是功能其中之一。jsx等等都可以转...原创 2019-03-14 16:17:03 · 136 阅读 · 0 评论