之前已经创建了vue项目，并且将基本的配置都配置了，比如路由，跨域都配置好了，现在就开始开发组件了。
项目中肯定会常用的一些基础组件，比如弹窗，toast之类的，要是在每个页面去引入的话那也太麻烦了，还好vue提供了一个全局注册组件的api，即Vue.compoment。
1， vue 提供了注入机制，就是把我们的store 对象注入到根实例中。vue的根实例就是 new Vue 构造函数，然后在所有的子组件中,this.$store 来指向store 对象。在store.js 中，我们let store, 把store已经暴露出去了，new Vue() 在main.js中，所以直接在main.js 中引入store 并注入即可。
1 能够说出Vue全家桶的各个组件(Vue-CLI、Vue-Router、Vuex、Axios)的概念、功能和使用场景
因为在Vite中不能使用webpack的require.context()方式来读取文件所以之前使用webpack注册全局组件的方式就不能使用了。 Webpack注册全局组件的方式 import Vue from 'vue' const requireComponent = require.context( // 其组件目录的相对路径 './', // 是否查询其子目录 false, // 匹配基础组件文件名的正则表达式 /[A-Z]\w+\.(vue|js)$/, ) 获取组
重新拾起我两年期的笔记，以面向运维开发的角度，在裸辞期间，继续学习前端开发，目标能把LLM的机器人和前端互动结合起来
Vue Ant Admin基于Vue2.x的中后台管理系统：https://iczer.gitee.io/vue-antd-admin-docs/
vuex是一个专门为vue.js应用程序开的状态管理模式 它采用集中式存储管理应用的所有组件的状态 并以相应的规则保证以一种可预测的方式发生变化
前面的篇章基本已经说明在webpack中如何构建vue框架的时候。除了这些基础框架的要素，为了快速开发app应用。还要借助于更多的开源组件。
3.项目结构 开始编码前，我们先了解下项目的结构。 3.1.目录结构 3.2.调用关系 我们最主要理清index.html、main.js、App.vue之间的关系： 理一下： index.html：
3、Vuex 应用的核心是 store（仓库）-- 包含 state（组件中的共享状态）和 mutations（改变状态的方法）
在 Vue.js 中，插件（Plugins）是一种能为 Vue.js 添加全局功能的工具代码。Vue.js 3 插件没有严格定义的使用范围，但是插件的应用场景主要包括以下几种。
在这里汇总一下每次都会忘记或者一直没搞懂的知识点,方便自己以后回来看。大家也可以看看就当做是复习啦~ vue的设计模式: MVVM
为了获取服务端GraphQl接口的数据，客户端需要使用apollo这个插件，三大前端框架均可以将apollo集成，下面以vue为例来说明在客户端如何集成vue-apollo这个插件。
这里也做了一点变更，uniapp的实现中是如下形式，main.js和页面.vue会命中同一个loader（见node_modules/@dcloudio/webpack-uni-mp-loader/lib/main-new.js），然后在这个loader里面根据是是否有resouceQuery来区别处理（显然main.js没有，而页面.vue有。
写项目的时候，有一些方法我们是需要全局使用的，比如数字的四色五入保留小数点啊、一些工具方法、字符的格式化啊等等。这些很多页面需要用的、使用频率极高的方法，我们一般会将其封装为全局的方法；我以前是这样做的，有这么几种方式： 1、挂载到vue.prototype 在main.js入口文件中挂载到vue.prototype，如我们封装一个获取时间戳的函数。 Vue.prototype.now = Date.now || function () { return new Date().getTim
随着这几年前端技术快速发展，Vue框架在国内普及率极高，人人都会用，那Vue如何写得比别人优雅？如何写得比别人漂亮？
近些年前端开发快速发展，现在学习前端已经不像以前那样仅仅学习一个语法就可以了，它已经是一门编程技术了，它们有自己独立的类似Main函数的入口，有像MVC一样规范好的层次结构，有自己的开发工具可以发布打包程序，甚至还可以独立连接数据库，当然了，优点与缺点共存，不能向其他语言那样断点调试导致了，它的脉络更难被捕捉，犹如远古时代的代码开发一样，但它还是已经可以称为一门编程技术了，所以学习一门前端开发，已经是一件非常有意义的事儿了。
2.选择类型并接收，如果床过来的值与props里面的标志的值的类型不匹配，则在控制台会报错！
相信有些开发者还没开始学 Vue3，但又想尝尝 Vite。那可以参考本文的进食方式。
在之前的一系列vue.js文章，我们都是用传统模式引用vue.js以及其他的js文件的，这在开发时会产生一些问题。
当然要配vue-loader啊，.vue文件解析全靠他了。vue-loader的整体流程的分析可以参考我之前的文章：「.vue文件的编译」1. vue-loader@15.8.3 的整体流程
Progressive Web App Support 网站的提高搜索的优化措施，项目优化
在上一篇文章中，我们熟悉了一下通过vue-cli生成的mpvue工程代码骨架的基本结构，大致了解了每一个部分的代码到底要放到何处。从本文起我们就开始涉及真正的编码部分，学习使用Vue的语法去编写小程序。
在日常 Vue 项目中，大概率会用组件库辅助开发，所以 递归组件 的出镜率可能不会非常高。但这并不代表 递归组件 不重要。
在此之前，你需要去npm官网注册一个属于自己的账号，记住自己的账户名以及密码、邮箱，后面会用的到。
自己新建的标签赋予特殊功能的是组件,而指定是在标签上使用类似于属性,以v-name开头,v-on,v-if...是系统指令! v-是表示这是vue的指令if,for等是指令的名字!接下来看一下如何创造一个属于自己的指令吧!
一般我们读取的时候 直接this,text就能得到"I,dog" 其实还可以这样写
1.动态路由传值 1.在components目录下新建vContent.vue组件 <template> {{msg}} </template> <script> export default { data () { return { msg:'详情组件', } }, methods:{ }, mounted(){ console.log(this
在 router.js 中，我们需要使用 Vue Router 进行路由的配置。我们可以在这个文件中定义各个页面的路径以及对应的组件，并导出一个路由对象。例如：
注意：不能使用npm下载，需要从 github 上下载现成的包并解压，然后拷贝到项目中使用
至此在vue中提供了计算属性,computed,在main.js指定computed对象中指定计算
真实项目开发过程中，我们都是使用组件化的去开发vue的项目，但是组件化的思想又是如何来的呢？下面就从开始讲解演变过程
通常在组件使用前，需要引入后再注册，但如果高频组件多了，每次都这样做，不仅新增很多代码，效率还低！我们应该如何优化呢？
如果你正在使用Vue框架，那么你肯定知道 VueCLI是什么。 Vue-CLI3，它是Vue.js 开发的标准工具（脚手架），提供项目支架和原型设计。
Vuex 是一个专为 Vue.js 应用程序开发的 状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
更多 MintUI 组件请参考 http://mint-ui.github.io/docs/#/zh-cn2/repositories
在历史问题的情况下，存在需要往jquery项目中引入vue.js框架的情况，这种情况下，因为前期并没有使用webpack进行打包压缩，所以考虑直接使用原生的js拆分vue.js的组件，不依赖与wabpack等打包软件。
1. 子组件(<Invitation>)定义一个变量visible 2 . 父组件使用ref接收
核心目标 使用webpack-dev-server热加载模块 使用eslint文件瘦身 使用stylus进行CSS预处理 使用@ vue / test-utils和Jest进行测试 环境需求 npm init -y npm install --save vue vue-router npm install --save-dev webpack webpack-cli 文件结构 [文件结构] app.js : 应用程序入口 App.vue: 根组件 pages: 包含所有顶级组件的文件夹，每个组件都有一个
项目基于Vue-cli3.x进行开发，使用了ant-design-vue框架，然后需要做国际化。此时做国际化需要考虑两方面的国际化，一是ant-design-vue内部组件的国际化，二是国际化我们的业务显示，业务显示我们选用vue-i18n进行国际化。
.4 注意事项 除了 Vue 本身的生命周期外，mpvue 还兼容了小程序生命周期，这部分生命周期钩子的来源于 微信小程序的 Page， 除特殊情况外，不建议使用小程序的生命周期钩子。
在前面的篇章，我们已经使用export default以及render函数完成的vue框架在webpack中的组件基本使用方式。
最后便会在本目录生成一个dist文件夹 里面就会有js/bundle.js，一个压缩好的可以调用的js。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
