vue 2 中采用选项式API。如:data、methods、watch、computed以及生命周期钩子函数等等。 mixin 混入,提供了一种非常灵活的方式,来分发 vue 组件中的可复用功能,一个mixin 对象可以包含任意组件选项,当组件使用 mixin 对象时,所有的 mixin 对象的选
原创 2021-11-16 10:01:15
10000+阅读
1点赞
web Components 学习之路 https://www.cnblogs.com/zhaowinter/p/5447246.html vue学习指路。 vue全局配置。 ignoredElements 至今看不懂: https://blog.csdn.net/sinat_17775997/ar
转载 2019-03-16 11:54:00
113阅读
2评论
一.class(类)的绑定1.我们为什么要绑定类名?Vue.js有一个特点就是数据驱动视图那么以此可以形成以数据来控制类名(class),从而改变样式。(可能有点生硬但这样理解也好)类名和数据的绑定我们使用v-bind(单向数据绑定)2.类名的绑定方式A.对象的形式<div :class = "{'size': classFlag,'bg': class...
原创 2022-05-10 15:15:43
107阅读
import { createApp } from 'vue';import App from './App.vue';import router from './router/index';import store from './store/index';import axios from '. ...
转载 2021-10-27 23:00:00
508阅读
2评论
Vue.js框架进行了详细的分析
原创 2023-09-20 12:38:45
127阅读
模板语法Vue.js 使用了基于HTML的模板语法,允许开发者开明式地将DOM绑定至底层Vue实例的数据。所有Vue.js的模板都是合法的H
原创 2017-06-02 22:46:29
60阅读
vue.js的一些基本介绍
原创 2023-03-20 10:28:07
421阅读
介绍官网 : https://cn.vuejs.org/概念: 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是,Vue 只关注视图层, 采用自底向上增量开发的设计。方便与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。安装 1 在pom.xml中引入依赖<dependency>
转载 2024-02-29 22:53:15
74阅读
# 如何配置vue.config.js以使用Vue 3和TypeScript ## 摘要 本文将介绍如何使用Vue 3和TypeScript配置vue.config.js文件。首先,我们将列出整个配置过程的步骤。然后,我们将逐步解释每个步骤需要做什么,并提供相应的代码示例。 ## 步骤概览 下表展示了配置vue.config.js文件的步骤。 | 步骤 | 描述 | | --- | ---
原创 2023-07-27 05:31:35
566阅读
       网络上关于Vue.js的安装过程有很多介绍,这里不多赘述,这里只是记录自己安装过程和遇到的问题      1 首先安装node.js 到官网下载node.js安装包,安装过程和一般软件没有区别。安装完成后到终端查看版本号,若如下图所示,表示安装成功。       
// vue.config.js文件是用于Vue CLI项目的全局配置的module.exports = {  // 部署应用包时的公共路径  publicPath: "./",  // 生产环境构建文件的目录名(默认为dist)  outputDir: "dist",  // 放置生成的静态资源的
原创 2023-08-17 17:44:19
2419阅读
总体概述:      实质上oc与js的通信交互就是发送消息,也即函数调用,只要在交互的过程正确的指定好对方需要调用的函数和参数就ok      oc-->js  stringByEvaluatingJavaScriptFromString,其参数是一NSString 字符串内容是j
转载 2023-12-13 07:36:14
104阅读
Vue2.js迁移到Vue3.js的API变化,
原创 2022-08-28 01:02:26
1302阅读
大家再使用vue做项目时,查询功能当然必不可少,这就得使用vue强大的filter啦。其实vue内置的两个属性filterBy和orderBy已经能满足部分需求了,但是她更大的的魅力在于自定义filter(之后的文章中会分享),正好我最近做的项目中用到了这个。先给大家看下需求吧。如下图,这是一个通讯录页面,当我们在搜索栏中输入关键字时需要展示相应的员工,同时还得去掉A、B这样的字母索引,并且输入的
1.1下载和引入vue官网:https://cn.vuejs.org/v2/guide/installation.html开发环境 https://vuejs.org/js/vue.js 生产环境 https://vuejs.org/js/vue.min.js简单安装运行,安装步骤官网下载vue.js,右键链接另存为。idea新建工程,打开idea ->Create New Projec-&
转载 2021-04-26 19:17:39
783阅读
2评论
vue的内容分发非常适合“固定部分+动态部分”的组件的场景,固定部分可以是结构固定,也可以是逻辑固定,比如下拉loading,下拉loading只是中间内容是动态的,而拉到底部都会触发拉取更多内容的操作,因此我们可以把下拉loading做成一个有slot的插件。单个Slot在children这个标签里面放Dom,Vue不会理你,也就是不会显示,类似React:this.props.childr
在前端 Vue 3 + JavaScript 项目中,路由配置主要使用 vue-router 库。以下是详细的路由配置流程:1. 项目初始化首先确保你已经创建了一个 Vue 3 项目。如果还没有创建,可以使用 Vue CLI 或 Vite 来创建项目。使用 Vite 创建项目bashnpm init vite@latest my-vue3-project -- --templa
原创 5月前
96阅读
vue3.0的设计目标更小更快加强TypeScript支持加强API设计一致性提高自身可维护性开放更多底层功能具体可以从以下方面来理解1,压缩包体积更小当前最小化并被压缩的 Vue 运行时大小约为 20kB(2.6.10 版为 22.8kB)。Vue 3.0捆绑包的大小大约会减少一半,即只有10kB!2,Object.defineProperty -> ProxyObject.defineP
转载 2024-10-22 13:49:40
35阅读
Vue3 项目中,封装 Axios 用于处理 HTTP 请求是一种常见的实践。本文将全面探讨如何在 Vue3 中进行 Axios 的封装,包括环境准备、集成步骤、配置详解、实战应用、排错指南以及生态扩展。这些步骤将使开发者能够有效地管理 API 调用,提升项目的可维护性和可扩展性。 ## 环境准备 在开始封装 Axios 之前,我们需要确保项目的环境已准备妥当。以下是推荐的技术栈兼容性:
原创 5月前
15阅读
导入使用areaList: { province_list: app.area.province_list, city_list: app.area.city_list, county_list: app.area.county_list }area.js完整数据export default { province_list: { 110
  • 1
  • 2
  • 3
  • 4
  • 5