会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
雪落无痕1
博客园
首页
新随笔
联系
订阅
管理
上一页
1
2
3
4
5
6
7
8
9
10
···
22
下一页
2023年7月23日
vue--day39--mixin混合
摘要: 组件就是在复用代码,如果组件里面有许多配置是相同的可以借助混合去复用 1. minxin.js //组件就是在复用代码,如果组件里面有许多配置是相同的可以借助混合去复用 export const hunhe={ methods:{ showName(){ alert(this.name); } },
阅读全文
posted @ 2023-07-23 14:03 雪落无痕1
阅读(16)
评论(0)
推荐(0)
2023年7月22日
vue--day38--props属性
摘要: vue 中 vue的ref 属性,主要用来共用组件,接收外部传过来的数据 1. App.vue <template> <div> <!-- 发送方确定哪些属性 age="18" 传递的是字符串18 --> <Student name="李四" sex="女" :age="18"/> </div> <
阅读全文
posted @ 2023-07-22 20:35 雪落无痕1
阅读(17)
评论(0)
推荐(0)
vue--day38--vue的ref 属性
摘要: vue的ref 属性,,类似于原生 document.getElementById("smy") 获取标记dom 节点的信息 App.vue 的文件如下面所示 <template> <div> <h1 v-text="msg" ref="title"></h1> <button ref="btn"
阅读全文
posted @ 2023-07-22 15:15 雪落无痕1
阅读(31)
评论(0)
推荐(0)
vue-day37--修改默认配置
摘要: 1. vue脚手架文件结构 2. 不同的版本vue 3. 修改默认配置 修改默认配置 1. 查看脚手架的默认配置 vue inspect >output.js 2. 为什么 main.js 是入口文件,index.html 是首页 调整 vue.config.js
阅读全文
posted @ 2023-07-22 14:54 雪落无痕1
阅读(27)
评论(0)
推荐(0)
vue--day36--render函数
摘要: 1.脚手架里面为什么main.js 里面,使用了render 函数/** * 该文件是整个项目的入口文件 */ //引入Vue import Vue from 'vue' // 引入App 组件 他是所有组件的父组件 import App from './App.vue' //关闭vue 的生产提示
阅读全文
posted @ 2023-07-22 13:03 雪落无痕1
阅读(20)
评论(0)
推荐(0)
vue--day35--脚手架分析
摘要: pckgage.json 包的说明书 "scripts": { "serve": "vue-cli-service serve", 运行项目 "build": "vue-cli-service build", 编译 "lint": "vue-cli-service lint" 语法检查 }, pac
阅读全文
posted @ 2023-07-22 02:01 雪落无痕1
阅读(11)
评论(0)
推荐(0)
2023年7月21日
vue--day34--创建vue 脚手架
摘要: Vue 脚手架(cli (command line interface))是Vue 官方提供的标准化开发工具(开发平台) 最新的是4.0 1. 配置淘宝镜像 npm config set registry https://registry.npm.taobao.org 2. 获取淘宝镜像是否设置成功
阅读全文
posted @ 2023-07-21 23:55 雪落无痕1
阅读(23)
评论(0)
推荐(0)
vue-day33-vue 单文件组件
摘要: 1.indedx.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>练习一下单文件组件的语法</title> </head> <body> <div id="root"></div> <script type="te
阅读全文
posted @ 2023-07-21 22:54 雪落无痕1
阅读(24)
评论(0)
推荐(0)
2023年7月20日
vue-day32--一个重要的内置关系
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>一个重要的
阅读全文
posted @ 2023-07-20 22:43 雪落无痕1
阅读(12)
评论(0)
推荐(0)
vue-day32-- VueComponet构造函数
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>VueCo
阅读全文
posted @ 2023-07-20 01:09 雪落无痕1
阅读(15)
评论(0)
推荐(0)
上一页
1
2
3
4
5
6
7
8
9
10
···
22
下一页