Vue 3链接库
学渣笔记2.0链接库
Vue 3链接库
白鹿依山.12138
道友请留步
展开
-
简单的路由页面跳转
四、将剪切下来的About复制在按钮里面。二、将里面的About剪切下来。六、更改About页面里的内容。五、找到About页面。三、找到默认显示页面。原创 2023-09-06 10:11:47 · 40 阅读 · 0 评论 -
前后端分手大师——MVVM 模式?
看到了吧,View 层展现的不是 Model 层的数据,而是 ViewModel 的数据,由 ViewModel 负责与 Model 层。层的数据,已经产生了各种各样的前后端模板语言,比如 FreeMarker、Marko、Pug、Jinja2等等,各大 MVVM。地提高了前端开发效率。交互,这就完全解耦了 View 层和 Model 层,这个解耦是至关重要的,它是前后端分离方案实施的重要一环。来的数据模型包括视图的状态和行为两部分,而 Model 层的数据模型是只包含状态的,比如页面的这一块展示什。原创 2023-09-01 09:31:38 · 125 阅读 · 0 评论 -
一个Vue组件二次封装的案例
你可以根据自己的需求对这个案例进行修改和扩展,封装更多的可复用组件。希望这个示例能对你有所帮助!如果你还有其他问题,请随时提问。,用于根据props的值动态计算按钮的类名。在按钮的点击事件处理函数中,如果按钮没有被禁用,它会触发一个自定义的。可以是 ‘primary’ 或 ‘secondary’,默认值为 ‘primary’。在这个案例中,我们创建了一个名为。是一个布尔值,默认为false。该组件使用了一个计算属性。原创 2023-08-24 10:16:02 · 46 阅读 · 0 评论 -
图解vue x + NutUI 3.0最简单的储存用户信息案例
京东APP 10.0规范# Vue3 H5 项目。原创 2023-08-21 20:25:39 · 162 阅读 · 0 评论 -
图解在vite下实现父子路由嵌套
建立Box_1.vue文件、建立Box_2.vue文件、 建立Menu_1.vue文件、 建立Menu_2.vue文件。复制以下代码至index.js文件内。原创 2023-08-18 17:00:45 · 224 阅读 · 0 评论 -
图解登录页面跳转至首页
【代码】图解登录页面跳转至首页。原创 2023-08-16 19:38:55 · 123 阅读 · 0 评论 -
本地使用Axios
安装mockjs然后在我们的src/ 路径下建立一个用于存放mock模拟数据的文件,就叫index.js吧,此时层级关系为:/src/mock/index.js, 在 这个index.js中编写我们关于mock模拟数据的配置以及需要请求的数据,如下:import Mock from 'mockjs' //导入mockjs//使用Mock下面提供的mock方法进行需要模拟数据的封装//参数1,是需要拦截的完整请求地址,参数2,是请求方式,参数3,是请求的模拟数据。原创 2023-08-16 10:29:02 · 842 阅读 · 0 评论 -
图解Axios的全局引用和使用
全局引入的出入口,所有的组件都要引入到这里。查看组件有没有安装完成。原创 2023-08-16 10:19:52 · 470 阅读 · 0 评论 -
图解vite移动端项目配置插件
安装 Bootstrap、 Popper,因为 Bootstrap的下拉菜单、弹出框和工具提示都依赖于 Popper来定位。在src路径下assets文件夹里创建sass包内,创建style.scss文件。找到vite.config.js文件,复制粘贴以下代码,之后重新启动项目。安装额外的依赖Sass来正确导入和捆绑 Bootstrap 的 CSS。找到style.scss文件,复制粘贴以下代码。找到style.css文件,复制粘贴一下代码。main.js全局配置引入。main.js全局配置引入。原创 2023-08-16 09:01:12 · 135 阅读 · 0 评论 -
图解搭建vite项目
cd meituan进入到建立的项目里面,npm install初始化,可用来安装node_modules文件包,npm run dev运行文件。注意:第一次创建文件时会显示是否创建,直接按回车就可以了。输入 npm install sass。原创 2023-08-15 10:58:05 · 110 阅读 · 1 评论 -
图解路由守卫
将以下两个文件的广告全部删除,复制粘贴vant 4中的表单代码。原创 2023-08-15 10:53:18 · 22 阅读 · 1 评论 -
图解点击按钮实现子父传值
【代码】图解点击按钮实现子父传值。原创 2023-08-15 10:41:26 · 45 阅读 · 1 评论 -
图解axios遍历
【代码】图解axios遍历。原创 2023-08-15 10:35:04 · 51 阅读 · 1 评论 -
v-on :(缩写 @ )案例
【代码】v-on :(缩写 @ )案例。原创 2023-08-15 10:30:51 · 31 阅读 · 1 评论 -
v-bind:(缩写 :)案例
【代码】v-bind:(缩写 :)案例。原创 2023-08-15 09:27:46 · 72 阅读 · 1 评论 -
图解在vue+vite中如何使用vuex
注意:在这里添加的数据全局都可以使用。index.js 代码如下。五、在组件里添加数据。原创 2023-08-15 09:16:24 · 343 阅读 · 1 评论 -
图解在vue x中点击按钮累加数字
【代码】图解在vue x中点击按钮累加数字。原创 2023-08-15 09:15:38 · 516 阅读 · 1 评论 -
图解使用mock.js获取四位数验证码
是用来模拟产生一些虚拟的数据,可以让前端在后端接口还没有开发出来时独立开发。我们可以使用真实的url,mockjs可以拦截ajax请求,返回设定好的数据。原创 2023-08-15 09:17:29 · 248 阅读 · 1 评论 -
v-model :案例
【代码】v-model :案例。原创 2023-08-15 09:18:17 · 63 阅读 · 1 评论 -
Vue3 的页面暴露引入
【代码】Vue3 的页面暴露引入。原创 2023-08-14 13:50:11 · 200 阅读 · 0 评论 -
图解配置vite路由
在src下新建ruter文件夹和views文件夹。在ruter文件夹下新建index.js文件,在views文件夹下新建InDex.vue文件。注意:router 文件夹、index.js文件、views 文件夹、InDex.vue文件最好不要改名字,因为全局配置中会用到。原创 2023-08-14 12:27:09 · 521 阅读 · 0 评论