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

1 2 3 4 5 下一页
前端-vue基础101-路由组件传递参数3
摘要：<!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)
vue再读4-vue特点
摘要：#### 1.4 核心特性 - 双向数据绑定 - vue(借鉴了react的虚拟DOM,借鉴了angular双向数据绑定) - 通过 **指令** 扩展了 HTML，通过 **表达式** 绑定数据到 HTML - 解耦视图与数据 - 可复用**组件** - 虚拟DOM - M-V-VM - 数据驱动 阅读全文
posted @ 2022-07-29 22:30 前端导师歌谣 阅读(31) 评论(0) 推荐(0)
前端-vue基础103-router编程式导航
摘要：<!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)
前端-vue基础102-命名路由
摘要：<!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)
vue96-v-bind使用自定义属性
摘要：<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)
vue97-props是只读的
摘要：<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)
Vue课程3-工程化的概念
摘要： 阅读全文
posted @ 2022-07-05 18:42 前端导师歌谣 阅读(85) 评论(0) 推荐(0)
Vue课程4-了解webpack的概念
摘要： 阅读全文
posted @ 2022-07-05 18:42 前端导师歌谣 阅读(32) 评论(0) 推荐(0)
Vue课程1-介绍
摘要： 阅读全文
posted @ 2022-07-05 18:42 前端导师歌谣 阅读(33) 评论(0) 推荐(0)
Vue课程21-url-loader的limit限制
摘要：limit限制图片的字节数 阅读全文
posted @ 2022-07-05 18:42 前端导师歌谣 阅读(139) 评论(0) 推荐(0)
Vue课程19-配置加载图片
摘要：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)
Vue课程17-回顾base图片优缺点
摘要：base64防止一些不必要的网络请求 体积增大一点点 阅读全文
posted @ 2022-07-05 18:42 前端导师歌谣 阅读(60) 评论(0) 推荐(0)
Vue课程15-了解loader的调用过程
摘要：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)
Vue课程13-了解devServer中的选项
摘要：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)
Vue课程11-介绍html-webpack-plugin打包原理
摘要：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)
Vue课程9-安装和配置webpack-dev-server
摘要：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)
Vue课程7-了解mode可选值得应用场景
摘要：压缩development模式比较大 压缩production模式比较大 阅读全文
posted @ 2022-07-05 18:42 前端导师歌谣 阅读(79) 评论(0) 推荐(0)
Vue课程45-事件绑定-v-on指令的简写模式
摘要：<!-- 在绑定事件处理函数的时候，可以使用 () 传递参数 --> <!-- v-on: 指令可以被简写为 @ --> <button @click="add(1)">+1</button> <button @click="sub">-1</button> 直接用@进行数据绑定 阅读全文
posted @ 2022-07-05 18:42 前端导师歌谣 阅读(53) 评论(0) 推荐(0)
Vue课程42-事件绑定-处理函数的简写方式
摘要：处理函数可以去除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)
Vue课程40-在属性绑定和插值中编写
摘要：<!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)

1 2 3 4 5 下一页