小白字太白

2022年11月10日

摘要：涉及到三个组件 header <template> <div class="todo-header"> <input type="text" placeholder="请输入你的任务名称，按回车键确认" @keyup.enter="add"/> </div> </template> <script 阅读全文

posted @ 2022-11-10 14:00 小白字太白阅读(51) 评论(0) 推荐(0)

vuecli之todo练习1静态资源html

摘要：首先建立静态资源html App。vue <template> <div id="app"> <div class="todo-container"> <div class="todo-wrap"> <MyHeader></MyHeader> <MyList ></MyList> <MyFooter 阅读全文

posted @ 2022-11-10 10:29 小白字太白阅读(32) 评论(0) 推荐(0)

vuecli之Props配置项

摘要：三种写法 export default { name:"MyFooter", //简单写法 /* props:["name", "age", "sex"] */ //对象写法 // props:{ // name:String, // age:Number, // sex:String, // } 阅读全文

posted @ 2022-11-10 09:23 小白字太白阅读(34) 评论(0) 推荐(0)

2022年11月9日

export 的用法

摘要：一、export 和 export default 1、export与export default均可用于导出常量、函数、文件、模块等 2、在一个文件或模块中，export可以导出多个，对应的 import导入加{ } //导出 export function fn1(){ } export fun 阅读全文

posted @ 2022-11-09 15:43 小白字太白阅读(291) 评论(0) 推荐(0)

2022年11月8日

介绍一个id 随机生成工具nanoid

摘要：安装 npm i nanoid 使用 import {nanoid} from 'nanoid' export default { name:"School", data() { return { name:"xiao bai", adress:"北京", id:nanoid(5) } }, } < 阅读全文

posted @ 2022-11-08 16:42 小白字太白阅读(162) 评论(0) 推荐(0)

vuecli插件

摘要：很多没接触过的人士被问到插件开发觉得很厉害其实看过官方文档之后就知道其实不是很难下面是官方给出的开发案例 MyPlugin.install = function (Vue, options) { // 1. 添加全局方法或 property Vue.myGlobalMethod = functi 阅读全文

posted @ 2022-11-08 10:35 小白字太白阅读(56) 评论(0) 推荐(0)

2022年11月7日

vuecli的项目结构

摘要： src中为我们需要编写的资源 assets中为公共资源如图片多媒体文件等 components中为我们编写的子组件 app为子组件入口 mainjs为总入口文件阅读全文

posted @ 2022-11-07 16:46 小白字太白阅读(20) 评论(0) 推荐(0)

vue/cli中mainjs文件添加注释

摘要： //引入vue文件 import Vue from 'vue' // 引入app文件 import App from './App' //创建vm new Vue({ el:"#app", // render:h=>h(App) render(h) { return h(App); }, }) 阅读全文

posted @ 2022-11-07 16:36 小白字太白阅读(54) 评论(0) 推荐(0)

2022年11月3日

vue自定义指令

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2022-11-03 10:42 小白字太白阅读(32) 评论(0) 推荐(0)

2022年11月2日

vue收集表单数据

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2022-11-02 10:13 小白字太白阅读(40) 评论(0) 推荐(0)

公告