随笔分类 -  前端歌谣--学习-vue2课程

摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2022-07-29 22:31 前端导师歌谣 阅读(56) 评论(0) 推荐(0)
摘要:#### 1.4 核心特性 - 双向数据绑定 - vue(借鉴了react的虚拟DOM,借鉴了angular双向数据绑定) - 通过 **指令** 扩展了 HTML,通过 **表达式** 绑定数据到 HTML - 解耦视图与数据 - 可复用**组件** - 虚拟DOM - M-V-VM - 数据驱动 阅读全文
posted @ 2022-07-29 22:30 前端导师歌谣 阅读(31) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2022-07-29 22:30 前端导师歌谣 阅读(30) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2022-07-29 22:30 前端导师歌谣 阅读(61) 评论(0) 推荐(0)
摘要:<template> <div id="app"> <HelloWorld :init="9" /> <!-- <Test></Test> --> <MyTest></MyTest> </div> </template> <script> import HelloWorld from './comp 阅读全文
posted @ 2022-07-09 22:11 前端导师歌谣 阅读(63) 评论(0) 推荐(0)
摘要:<template> <div class="hello"> <h3>{{ init }}</h3> <button @click="changeName">+1</button> </div> </template> <script> export default { name: "HelloWo 阅读全文
posted @ 2022-07-09 22:11 前端导师歌谣 阅读(130) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2022-07-05 18:42 前端导师歌谣 阅读(85) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2022-07-05 18:42 前端导师歌谣 阅读(32) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2022-07-05 18:42 前端导师歌谣 阅读(33) 评论(0) 推荐(0)
摘要:limit限制图片的字节数 阅读全文
posted @ 2022-07-05 18:42 前端导师歌谣 阅读(139) 评论(0) 推荐(0)
摘要:const path = require('path') // 1. 导入 html-webpack-plugin 这个插件,得到插件的构造函数 const HtmlPlugin = require('html-webpack-plugin') // 2. new 构造函数,创建插件的实例对象 co 阅读全文
posted @ 2022-07-05 18:42 前端导师歌谣 阅读(98) 评论(0) 推荐(0)
摘要:base64防止一些不必要的网络请求 体积增大一点点 阅读全文
posted @ 2022-07-05 18:42 前端导师歌谣 阅读(60) 评论(0) 推荐(0)
摘要:const path=require('path') // 1. 导入 html-webpack-plugin 这个插件,得到插件的构造函数 const HtmlPlugin = require('html-webpack-plugin') // 2. new 构造函数,创建插件的实例对象 cons 阅读全文
posted @ 2022-07-05 18:42 前端导师歌谣 阅读(71) 评论(0) 推荐(0)
摘要:const path=require('path') // 1. 导入 html-webpack-plugin 这个插件,得到插件的构造函数 const HtmlPlugin = require('html-webpack-plugin') // 2. new 构造函数,创建插件的实例对象 cons 阅读全文
posted @ 2022-07-05 18:42 前端导师歌谣 阅读(293) 评论(0) 推荐(0)
摘要:const path=require('path') // 1. 导入 html-webpack-plugin 这个插件,得到插件的构造函数 const HtmlPlugin = require('html-webpack-plugin') // 2. new 构造函数,创建插件的实例对象 cons 阅读全文
posted @ 2022-07-05 18:42 前端导师歌谣 阅读(185) 评论(0) 推荐(0)
摘要:webpack.config.js { "name": "change-rows-color", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "dev": "webpack serve" }, "ke 阅读全文
posted @ 2022-07-05 18:42 前端导师歌谣 阅读(60) 评论(0) 推荐(0)
摘要:压缩development模式比较大 压缩production模式比较大 阅读全文
posted @ 2022-07-05 18:42 前端导师歌谣 阅读(79) 评论(0) 推荐(0)
摘要:<!-- 在绑定事件处理函数的时候,可以使用 () 传递参数 --> <!-- v-on: 指令可以被简写为 @ --> <button @click="add(1)">+1</button> <button @click="sub">-1</button> 直接用@进行数据绑定 阅读全文
posted @ 2022-07-05 18:42 前端导师歌谣 阅读(53) 评论(0) 推荐(0)
摘要:处理函数可以去除function进行书写 add(n) { // 在 methods 处理函数中,this 就是 new 出来的 vm 实例对象 // console.log(vm this) console.log(vm) // vm.count += 1 this.count += n }, s 阅读全文
posted @ 2022-07-05 18:42 前端导师歌谣 阅读(50) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-07-05 18:42 前端导师歌谣 阅读(54) 评论(0) 推荐(0)