【转】VUE 组件之间的数据共享
摘要：npm install mitt@2.1.0
阅读全文
posted @
2022-10-30 01:56
z5337
阅读(25)
推荐(0) 编辑
[转]VUE 组件化开发
摘要：内容比较多，直接上代码： src\components\06.MyHeader\MyHeader.vue <template> <div class="header-container" :style="{ background: bgcolor,color: color }"> {{title |
阅读全文
posted @
2022-10-29 15:57
z5337
阅读(14)
推荐(0) 编辑
[转] Vue style 节点的 scoped 属性
摘要：本文章内容来自 黑马程序员 的 VUE 学习视频 使用时的调用方式：
阅读全文
posted @
2022-10-25 23:08
z5337
阅读(18)
推荐(0) 编辑
【转】VUE 组件注册使用示例
摘要：首先是 main.js import { createApp } from 'vue' import App from './App.vue' import './index.css' import Swiper from './components/01.globalReg/Swiper.vue'
阅读全文
posted @
2022-10-24 19:45
z5337
阅读(69)
推荐(0) 编辑
[转] VUE 组件的构成
摘要：一个基本的 vue 组件结构类似这样： <template> <h1>这是 App.vue 根组件</h1> <h3>abc -- {{username}}</h3> <hr /> <p>count 值是：{{ count }}</p> <button @click="count++">+1</bu
阅读全文
posted @
2022-10-24 19:03
z5337
阅读(38)
推荐(0) 编辑
【转】VUE2 表格绑定
摘要：资料及内容来自 黑马程序员 点击下载 代码片断： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewpo
阅读全文
posted @
2022-10-23 10:31
z5337
阅读(66)
推荐(0) 编辑
【转】VUE 过滤器的使用
摘要：这个是首字母大写的过滤器示例 在 VUE 3 已经移除了对 过滤器 的支持，可以用 方法或属性 代替过滤器的作用。
阅读全文
posted @
2022-10-18 21:08
z5337
阅读(15)
推荐(0) 编辑
[转] VUE 的常用指令3
摘要：<!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-10-18 20:39
z5337
阅读(18)
推荐(0) 编辑
[转] VUE 的常用指令2
摘要：v-on 事件绑定指令 以下代码效果是：点击按钮时，页面上的数字会 +1 v-on: 可以简写为 @ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" c
阅读全文
posted @
2022-10-18 20:19
z5337
阅读(16)
推荐(0) 编辑
[转] VUE 的常用指令
摘要：<div id="app"> <p v-text="username"></p> <p v-text="gender">性别</p> <p>姓名：{{username}}</p> <p>性别：{{gender}}</p> <p v-html="desc"></p> </div> v-text 按文本
阅读全文
posted @
2022-10-17 07:46
z5337
阅读(23)
推荐(0) 编辑
[转]VUE devTools 安装方法
摘要：为了安装Google 浏览器的 VUE 调试工具，我们可以在 https://devtools.vuejs.org/guide/installation.html 里点击安装 或者可以从 github.com 下载源码后手动编译并添加到 Google 浏览器的扩展中： 参考：https://blog
阅读全文
posted @
2022-10-16 12:17
z5337
阅读(103)
推荐(0) 编辑
[转]利用 Everything 搭建文件服务器
摘要：本文转自：https://mp.weixin.qq.com/s/emKmSKoNeL9FuwLNCxyreQ Everything 是 voidtools 出品的本地文件搜索工具，它自带的 HTTP 服务可以用来搭建资料分享网站。 在 Everything 中打开 HTTP 服务器功能即可对外提供
阅读全文
posted @
2022-10-14 09:20
z5337
阅读(811)
推荐(0) 编辑
[转] webpack devtool 配置之 Source Map
摘要：可以参考： https://www.cnblogs.com/vigourice/p/16188899.html module.exports = { mode: 'development', devtool: 'nosources-source-map',
阅读全文
posted @
2022-10-12 20:59
z5337
阅读(33)
推荐(0) 编辑
[转] webpack 中的 loader
摘要：安装 css 的 loader npm i style-loader css-loader -D 然后在 webpack.config.js 中添加配置： module:{ rules:[ { test: /\.css$/,use:['style-loader','css-loader'] } ]
阅读全文
posted @
2022-10-11 18:39
z5337
阅读(23)
推荐(0) 编辑
[转] webpack 插件的作用
摘要：我们需要先安装插件： npm i webpack-dev-server -D 在视频教程里，老师输入了 ul>li{这是第$个li}*9 得到了 <ul> <li>这是第1个li</li> <li>这是第2个li</li> <li>这是第3个li</li> <li>这是第4个li</li> <li>
阅读全文
posted @
2022-10-07 00:34
z5337
阅读(38)
推荐(0) 编辑
[转]VUE 之 Webpack 打包构建
摘要：首先，下载 jquery npm i jquery -S 然后，下载 webpack npm i webpack webpack-cli -D 接下来，创建文件：webpack.config.js module.exports = { mode: 'development' // 分 develop
阅读全文
posted @
2022-10-06 23:16
z5337
阅读(252)
推荐(0) 编辑
[转]VUE3 学习之 npm
摘要：如果因为网络的原因，npm 下载时经常失败，可以考虑安装 cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 具体说明可参考：https://blog.csdn.net/qq_42909053/article/det
阅读全文
posted @
2022-10-06 20:24
z5337
阅读(87)
推荐(0) 编辑
[转]node.js 支持 ES6 模块化
摘要：需检查是否满足以下条件： 1、确保安装了 v14.15.1 或更高版本的 node.js 2、命令初始化 package.json npm init -y 3、在 package.json 的根节点中添加 "type":"module", 在完成以上动作后，就可以在 VS Code 的终端里执行类似
阅读全文
posted @
2022-10-06 19:16
z5337
阅读(203)
推荐(0) 编辑
