![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 93
-恰饭第一名-
流水不争先,争的是滔滔不绝(重补基础中)
展开
-
vue.js学习笔记九
一、什么是Webpack?webpack是一个现代的Javascript应用的静态模块打包工具二、前端模块化2.1、打包是如何理解呢?就是将webpack中的各种资源模块进行打包合并成一个或多个包(Bundle)并且在打包的过程中的过程中,还可以对资源进行处理,比如压缩图片,将scss转成css,将ES6语法转成ES5语法,将TypeScript转成Javascript等等操作但是打包的操作似乎grunt/gulp也可以帮助我们完成,它们有什么不同呢?2.2、和grunt/gulp的对比原创 2021-06-16 15:51:39 · 308 阅读 · 2 评论 -
vue.js学习笔记八
一、为什么需要模块化随着ajax异步请求的出现,慢慢形成了前后端的分离为了应对代码量的剧增,我们通常会将代码组织在多个js文件中,进行维护比如全局变量同名问题:如下的例子 <script> // aaa.js文件中,小明定义了一个变量,名称是flag,并且为true flag = true; // bbb.js文件中,小红也定义了flag这个变量,为false flag = false; //原创 2021-06-12 23:55:46 · 162 阅读 · 2 评论 -
vue.js学习笔记七
一、父子组件的访问方式:$children有时候我们需要父组件直接访问子组件,子组件直接访问父组件,或者是子组件访问根组件父组件访问子组件:使用$chilren或$refs reference(引用)子组件访问父组件:使用$parent我们先来看下$children的访问this.$children是一个数组类型,它包含所有子组件对象我们这里通过一个遍历,取出所有子组件的message状态...原创 2021-06-11 09:54:22 · 199 阅读 · 0 评论 -
vue.js学习笔记六
一、全局组件和局部组件当我们通过调用Vue.component()注册组件时,组件的注册是全局的这意味着该组件可以在任意Vue示例下使用如果我们注册的组件是挂载在某个实例中,那么就是一个局部组件 <div id="app"> <cpn></cpn> <cpn></cpn> <cpn></cpn> </div> <div id原创 2021-06-01 21:31:08 · 2508 阅读 · 36 评论 -
vue.js学习笔记五
一、JavaScript的高阶函数//编程范式:命令式编程/声明式编程//编程范式:面向对象编程(第一公民:对象)//函数式编程(第一公民:函数)//filter/map/reduce//filter中的回调函数有一个要求:必须返回一个Boolean值//true:当返回true时,函数内部会自动将这次回调的n加入到新的数组中//false:当返回false,函数内部会自动过滤这次的nconst nums = [10, 20, 111, 222, 444, 40, 50];let tot原创 2021-05-31 17:17:54 · 223 阅读 · 0 评论 -
vue.js学习笔记四
一、v-for遍历数组当我们有一组数据需要进行渲染时,我们就可以使用v-for来完成v-for的语法类似于JavaScript中的for循环格式如下: item in items 的形式我们来看一个简单的案例:如果在遍历的过程中不需要使用索引值v-for=“movie in movies”依次从movies中取出movie,并且在元素的内容中,我们可以使用Mustache语法,来使用movie如果在遍历的过程中,我们需要拿到元素在数组中的索引值呢?语法格式:v-for=(it原创 2021-05-29 16:27:11 · 221 阅读 · 0 评论 -
vue.js学习笔记三
一、let/var1、块级作用域js中使用var来声明一个变量时,变量的作用域主要是和函数的定义有关针对于其他块定义来说是没有作用域的,比如if/for等,这在我们开发中往往会引起一些问题<script> //ES5中的var是没有块级作用域的(if/for) //ES6中的let是有块级作用域的(if/for) //ES5之前因为if和for都没有块级作用域的概念,所以在很多时候,我们都必须借助于function的作用域来解决应用外转载 2021-05-29 14:56:29 · 111 阅读 · 0 评论 -
vue.js学习笔记二
一、插值语法1、mustache语法 <div id="app"> <h2>{{message}}</h2> <h2>{{message}},李银河!</h2> <!-- mustache语法中,不仅可以直接写变量,也可以写简单的表达式 --> <h2>{{firstName+lastName}}</h2> <h2原创 2021-05-29 14:55:53 · 145 阅读 · 0 评论 -
vue.js学习笔记一
一、认识vuevue是一个渐进式的框架,渐进式原创 2021-05-29 14:55:33 · 248 阅读 · 2 评论