Vue
文章平均质量分 66
好用的前端框架,可以实现快速编程
落雪飘风
长风破浪会有时,直挂云帆济沧海。
展开
-
vue报错解决
1、路径发生错误Module not found: Error: Can't resolve '../views/admin/AdminVeiw.vue' in 'C:\myel\src\router',模块找不到不能 resolve总结:文件../views/admin/AdminVeiw.vue(文件名/路径发生错误)2、Error in render: "TypeError: Cannot read property ‘num’ of undefined"报错: 渲染错误:..原创 2022-03-23 21:31:03 · 2424 阅读 · 0 评论 -
mockjs
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录一、定义及作用:二、安装及使用1、安装2、使用三、方法一、定义及作用:1.拦截ajax2. 生成伪随机数据当前端开发 程序员写好了接口文档,没有实现接口文档,先自己造数据,模拟后端,开发前端的功能等待后端接口做好,和后端联调,更改baseURL实现切换接口服务器。二、安装及使用1、安装npm i mockjs -D2、使用1. 定义mock.js文件2. 在main.js 导入import ‘.原创 2022-03-21 21:43:52 · 243 阅读 · 0 评论 -
setup(组合api)
1、组合api特点 更加直观,接近原生js 按需加载 没有this,降低了耦合性,提高了复用性2、setup() 相当于created生命周期 需要return返回,在模板中使用3、ref(值类型 响应对象) const count = re(5) 在setup 访问count值,const.value来访问 可以作为dom引用 const inp = ref(null) ...原创 2022-03-17 11:50:25 · 228 阅读 · 0 评论 -
Vue3语法及重点知识必备
1、8个vue内置指令{{变量名}} v-text 文本 v-html 可以识别html 标签 v-if v-show v-else-if v-else v-for v-bind v-on2、vue内置组件<template></template> 模板 <slot></slot> 插槽 <transition></transition> 过渡 <transition-group> ...原创 2022-03-16 16:11:58 · 913 阅读 · 0 评论 -
Vue3组件与动画
文章目录一、组件二、动画一、组件组件是可复用的 Vue 实例,且带有一个名字因为组件是可复用的 Vue 实例,所以它们和Vue接收相同的选项,例如 data 、 computed 、 watch 、 methods 以及生命周期钩子等。1.通过 app.component 来创建组件注册组件Vue.createApp({ // 注册组件 components: { steper }, data() {原创 2022-03-02 21:42:06 · 908 阅读 · 0 评论 -
带你体验Vue3的世界
文章目录一、前端框架概述二、安装(页面引入)三、实例化简写三、内置指令内置指令 v- 开头的特殊属性 ,联系html模板与JavaScript数据模型1.文本渲染2.属性渲染3.条件渲染4.列表渲染一、前端框架概述构建用户界面的渐进式JavaScript框架前端框架Vue 尤雨溪React Facebook脸书angular GooglejQuery二、安装(页面引入)离线<script src="url"></script>在线<原创 2022-02-24 20:52:05 · 322 阅读 · 1 评论 -
Vue3基础语法
文章目录一、内置指令1.文本渲染2.属性渲染3.条件渲染4.列表渲染5.事件二、自定义指令三、计算与监听1.计算 computed2监听 watch一、内置指令内置指令 v- 开头的特殊属性 ,联系html模板与JavaScript数据模型1.文本渲染v-textv-html{{msg}} 只能写一行表达式,不能写复杂js2.属性渲染v-bind :属性名=“值”缩写:属性名=“值”3.条件渲染v-if 隐藏式移除节点v-else ifv-elsev原创 2022-02-28 20:22:03 · 3311 阅读 · 0 评论 -
todoList Vue3精简版
html部分 <div class="app"> <h2>计划清单</h2> <input class="plan_insert" type="text" placeholder="请输入你的计划" @keyup.enter="addItem" v-model.trim="temp"> <h3> 未完成 <span>({{undoList.原创 2022-02-28 15:39:33 · 409 阅读 · 0 评论