v-for: 小程序中的v-for用法: <标签 v-for="{{iterate}}">...</标签> Vue中使用v-for的方法: 读取数组,读取对象,用法不同 ...
转载
2021-11-02 16:53:00
310阅读
2评论
智能社——http://www.zhinengshe.com {{a}} {{b}} 智能社——http://www.zhinengshe.com ...
转载
2017-06-10 02:29:00
129阅读
2评论
1.基础 （1）最基本的组件 <div id="components-v"> <redBtn></redBtn> </div> <script> Vue.component('redbtn', { template: '<button style="background-color:red;widt
原创
2022-12-08 14:59:36
46阅读
Vue3实战教程（快速入门）前言1.搭建脚手架1.1 创建项目1.2 清除多余文件，创建干净项目1.3 创建登录页面2.创建404页面（引入sass）2.1 引入sass2.2 创建404页面3.构建登录注册页面（引入element-plus）3.1 实现布局左右切换动画3.2 引入element-plus3.3 使用element-plus表单组件3.4 表单验证4.类型匹配和代码抽离4.1
转载
2023-10-30 19:37:45
49阅读
一、创建一个 vite + vue3 + ts 项目npm init vite@latest二、安装 eslint 依赖npm i eslint@7.23.0 eslint-plugin-vue @typescript-eslint/parser @typescript-eslint/eslint-plugin -Deslint: ESLint 的核心代码。eslint-plugin-vue：包含
项目里面安装并配置eslint。参考官网执行如下命令npm init @eslint/config
等价于
npm install eslint -D //安装eslint
npx eslint --init //初始化配置eslint执行后会有一些配置选项，按需选择。如下是按照个人当前项目需要进行的选择，可以作为参考。执行完后项目里面会多出一个.eslintrc.js文件，用于后面esli
总结 目录结构 webpack.config.js index.html main.js login.vue test.js
原创
2021-07-13 16:57:57
125阅读
vue首屏白屏原因大概有以下几点：一.路由模式错误由于把路由模式mode设置成history了，默认是hash解决方法：
改为hash或者直接删除模式配置，如果非要用的话，在服务端加一个覆盖所有情况的候选资源。二.dist中文件引用路径错误打包后的dist目录下的文件引用路径不对，因找不到文件而报错导致白屏解决方法：
修改config下面index.js的模块导出路径。三.浏览器不支持es6在项目
转载
2024-05-21 13:24:49
153阅读
vue目录结构信息说明，创建项目、启动项目的语法。。。
原创
2022-09-09 17:58:24
259阅读
Vue的设计者在设计Vue的时候参考了MVVM模型，虽然没有完全遵循MVVM 模型https://zh.wikipedia.org/wiki/MVVM，但是 Vue 的设计也受到
原创
2022-08-23 10:31:34
151阅读
如何实现"ios9 vue3"
## 概述
在本文中，我将向你介绍如何在iOS 9上使用Vue 3进行开发。首先，我将介绍整个过程的流程图，然后逐步解释每个步骤需要做什么，并提供相应的代码示例和注释。
## 流程图
下面是一个展示整个过程的流程图。
```mermaid
erDiagram
Developer --> Study: 学习Vue3文档
Study --> Ins
原创
2024-01-17 10:53:58
44阅读
购物车案例 经过一系列的学习，我们这里来练习一个购物车的案例 **需求：**使用vue写一个表单页面，页面上有购买的数量，点击按钮+或者-，可以增加或减少购物车的数量，数量最少不得少于0，点击移除按钮，会移除该商品，当把所有的商品移除后，页面上的表单消失，然后出现文字：购物车为空，表单下方是商品的总
原创
2021-07-02 09:47:38
534阅读
1： 登录后系统页面如下： 对应代码： <template> <div class="manage_page fillcontain"> <el-row style="height: 100%;"> <el-col :span="4" style="min-height: 100%; backgro
转载
2018-04-07 22:58:00
143阅读
2评论
前言
目标
掌握以下api的用法
graph LR
A[api] --> B[1 shallowRef与shallowReactive的用法与区别]
A --> C[2 readonly与shallowReadonly的用法与区别]
A --> D[3 toRaw与markRaw用法与区别]
A --> E[4 customRef的用法]
A --> F[5 p
原创
精选
2024-08-14 14:58:41
167阅读
一、使用组件1.注册 创建一个Vue实例：new Vue({ el: '#some-element', // 选项})要注册一个全局组件，可以使用Vue.component(tagName,options)Vue.component('my-compo
原创
2017-06-03 11:37:52
30阅读
【代码】vue-例9-1演示Vue路由.html。
原创
2023-05-13 00:05:36
56阅读
我们之所以介绍vue-cli2和vue-cli3的使用和区别，是因为VUE脚手架工具从vue-cli3版本开始，在项目结构等诸多方面开始与vue-cli2版本相比，有较大的优化与调整。因此，在学习和工作中，我们需要了解一下版本更替之后，在哪些方面有变动。1. 项目目录结构 可以明显的看出来，vue-cli2.0与3.0在目录结构方面，有明显的不同（vue3.0由于个人安装了css预处理器
转载
2023-11-14 10:07:55
49阅读
刚开发公司项目要求在安卓5.0的系统进行适配，在这整理一下一些基本的兼容性问题。1、首先是对ES6的一些新特性，低版本的安卓可能会不支持，这里需要引入两个包来进行转化，babel-polyfill和es6-promise首先npm安装cnpm install babel-polyfill
cnpm install es6-promise然后再main.js里引入import 'babel-poly
转载
2023-07-13 15:01:32
195阅读
Vue 通用项目配置按照如下所示创建目录结构 配置通用css文件npm install normalize.css --save在 assetc/css 路径下创建 base.css@import "~normalize.css";// ...在 App.vue 中加载 base.css 文件<style> @import "~@/assets/css/base.css";</style>Axios 封装npm install axio
原创
2022-01-10 10:38:10
135阅读
