- 博客(4)
- 收藏
- 关注
原创 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 342 2
原创 vue.js学习笔记八
一、为什么需要模块化 随着ajax异步请求的出现,慢慢形成了前后端的分离 为了应对代码量的剧增,我们通常会将代码组织在多个js文件中,进行维护 比如全局变量同名问题:如下的例子 <script> // aaa.js文件中,小明定义了一个变量,名称是flag,并且为true flag = true; // bbb.js文件中,小红也定义了flag这个变量,为false flag = false; //
2021-06-12 23:55:46 189 2
原创 vue.js学习笔记七
一、父子组件的访问方式:$children 有时候我们需要父组件直接访问子组件,子组件直接访问父组件,或者是子组件访问根组件 父组件访问子组件:使用$chilren或$refs reference(引用) 子组件访问父组件:使用$parent 我们先来看下$children的访问 this.$children是一个数组类型,它包含所有子组件对象 我们这里通过一个遍历,取出所有子组件的message状态 ...
2021-06-11 09:54:22 220
原创 vue.js学习笔记六
一、全局组件和局部组件 当我们通过调用Vue.component()注册组件时,组件的注册是全局的 这意味着该组件可以在任意Vue示例下使用 如果我们注册的组件是挂载在某个实例中,那么就是一个局部组件 <div id="app"> <cpn></cpn> <cpn></cpn> <cpn></cpn> </div> <div id
2021-06-01 21:31:08 2559 36
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人