前端
关注
分享
扫一扫
文章平均质量分 93
莫枢
永怀善意，清澈明朗~
展开
-
Vue学习笔记day5
Vue复习笔记day5关于webpack从本质上来讲，webpack是一个现代的JavaScript应用的静态打包工具。webpack为了可以正常运行，必须得有node环境。npm（node packages manager）就是包管理工具。webpack.config.js配置由于最终需要打包，所以必须指定打包路径和源代码，而这些事全部是在webpack.config.js文件中完成的。实例如下。const path = require('path')module.exports =原创 2021-03-17 00:01:27 · 165 阅读 · 0 评论 -
Vue学习笔记day4
Vue复习笔记day41.组件化的实现和使用步骤组件的使用分为3个步骤：创建组件构造器注册组件使用组件代码实现如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div id="app"> <!--thi原创 2021-03-15 00:31:28 · 129 阅读 · 0 评论 -
Vue学习笔记day3
Vue复习笔记day31.v-show的使用以及和v-if的区别v-show和v-if作用类似，都能够决定一个元素是否渲染v-if和v-show对比v-if当条件为false时，根本不会有对应的元素在DOM中；v-show当条件为false时，仅仅是将元素的display属性设置为none而已。开发中如何选择呢？当需要在显示与隐藏之间切片很频繁时，使用v-show;（原因也很简单，v-if方式是不断删除创建切片，性能不佳，而v-show仅仅是添加一个行内样式，隐藏元素而已）当只有一原创 2021-03-13 16:11:37 · 156 阅读 · 0 评论 -
Vue学习笔记day2
Vue复习笔记day21.插值操作：mustache语法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scal原创 2021-03-13 16:09:00 · 132 阅读 · 0 评论 -
Vue学习笔记day1
Vue复习笔记day11.初识vuejs<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g原创 2021-03-13 16:05:31 · 109 阅读 · 0 评论