Vue
文章平均质量分 79
「已注销」
这个作者很懒,什么都没留下…
展开
-
vue-cli-4 eslint+prettier 2022最新可用配置
module.exports = { root: true, env: { node: true, 'vue/setup-compiler-macros': true, }, extends: [ 'plugin:vue/essential', '@vue/eslint-config-typescript/recommended', 'plugin:vue/vue3-recommended', 'prettier', ], parser原创 2022-03-30 15:42:31 · 1338 阅读 · 0 评论 -
W3C标准归纳
W3C标准归纳参考:https://www.w3cschool.cn/xuexiw3c/xuexiw3c-standards.htmlW3C标准归纳W3C标准归纳1、抛弃font标签2、标准XHTML头信息格式3、Javascript定义4、CSS定义5、不要在注释内容中使用“--”6、所有标签的元素和属性的名字都必须使用小写7、所有的属性必须用引号""括起来8、把所有<和&特殊符号用编码表示9、给所有属性赋一个值10、所有的标记都必须要有一个相应的结束标记11、所有的标记都必须合理嵌套1原创 2021-11-24 14:39:06 · 4965 阅读 · 0 评论 -
Vue3复习和总结----组合式API-setup,终
Vue3复习和总结----组合式API-setup代码全部放在->github仓库:https://github.com/zyugat/vue-review-all详细文档可查看:zyugat.cn前言:分为base、Component、router、Vuex、组合式API。5个部分。base和Component中的例子不使用脚手架运行,需自行浏览器运行。位置->noCli组合式API-setup将界面中重复的部分连同功能都提取为可重用的代码段在 setup 中你应该避免使用 t原创 2021-11-17 13:47:43 · 818 阅读 · 0 评论 -
Vue3复习和总结------vuex
Vue3复习和总结(vuex)代码全部放在->github仓库:https://github.com/zyugat/vue-review-all前言:分为base、Component、router、Vuex、组合式API。5个部分。base和Component中的例子不使用脚手架运行,需自行浏览器运行。位置->noCli如果想更新Store状态,必须要先commit然后让vuex里面的mutations去改yarn add vuex@next目录:State创建实例:原创 2021-11-17 01:19:42 · 781 阅读 · 0 评论 -
Vue3复习和总结----vue-router
Vue3复习和总结(vue-router)代码全部放在->github仓库:https://github.com/zyugat/vue-review-all前言:分为base、Component、router、Vuex、组合式API。5个部分。base和Component中的例子不使用脚手架运行,需自行浏览器运行。位置->noClivue-routerVue3复习和总结(vue-router)路由传参路由匹配正则命名路由与视图重定向和别名和props导航守卫元信息滚动行为补route原创 2021-11-16 23:36:56 · 981 阅读 · 0 评论 -
Vue3复习和总结(Component)组件v-model参数和动态组件和Attribute 继承
Vue3复习和总结(Component)组件v-model参数和动态组件和Attribute 继承代码全部放在->github仓库:https://github.com/zyugat/vue-review-all前言:分为base、Component、router、Vuex、组合式API。5个部分。base和Component中的例子不使用脚手架运行,需自行浏览器运行。位置->noCli组件v-model参数和动态组件和Attribute 继承Vue3复习和总结(Component)组原创 2021-11-16 22:45:56 · 3606 阅读 · 0 评论 -
Vue3复习和总结(Component)组件间四种数据传递的方式与插槽,props、emit、ref
Vue3复习和总结(Component)组件间三种数据传递的方式与插槽,props、emit、ref代码全部放在->github仓库:https://github.com/zyugat/vue-review-all前言:分为base、Component、router、Vuex、组合式API。5各部分。base和Component中的例子不使用脚手架运行,需自行浏览器运行。位置->noCli组件间三种数据传递的方式与插槽Vue3复习和总结(Component)组件间三种数据传递的方式与插槽原创 2021-11-16 18:20:07 · 4079 阅读 · 0 评论 -
Vue3复习和总结(base)Watch与指令与生命周期
Vue3复习和总结(base)Watch与指令代码全部放在->github仓库:https://github.com/zyugat/vue-review-all前言:分为base、Component、router、Vuex、组合式API。5各部分。base和Component中的例子不使用脚手架运行,需自行浏览器运行。位置->noCliWatch与指令Vue3复习和总结(base)Watch与指令Watch指令Watch用于监听属性,响应数据的变化,可以进行异步操作。方法名是属性名原创 2021-11-16 17:22:58 · 839 阅读 · 0 评论 -
Vue3复习和总结(base)条件与列表渲染与Key的作用
Vue3复习和总结(base)条件与列表渲染与Key的作用代码全部放在->github仓库:https://github.com/zyugat/vue-review-all前言:分为base、Component、router、Vuex、组合式API。5各部分。base和Component中的例子不使用脚手架运行,需自行浏览器运行。位置->noCli条件与列表渲染与Key的作用Vue3复习和总结(base)条件与列表渲染与Key的作用条件与列表渲染v-if、v-else-if、v-else原创 2021-11-16 16:57:35 · 441 阅读 · 0 评论 -
Vue3复习和总结(base)数据绑定与事件处理
Vue3复习和总结(base)数据绑定与事件处理代码全部放在->github仓库:https://github.com/zyugat/vue-review-all前言:分为base、Component、router、Vuex、组合式API。5各部分。base和Component中的例子不使用脚手架运行,需自行浏览器运行。位置->noCli这一章节没什么好说的,所以速过一下。数据绑定与事件处理Vue3复习和总结(base)数据绑定与事件处理数据绑定v-bind绑定class样式绑定st原创 2021-11-16 16:36:55 · 468 阅读 · 0 评论 -
Vue:安装的时候报错,EEXIST: file already exists, cmd shim ‘C:\Users\Administrator\AppData\Roaming\npm
意思是:在C:\Users\Administrator\AppData\Roaming\npm\目录下存在一个名为vue的文件,需要你删除,然后我删完以后他又提示好家伙,然后我就直接把vue*文件删了完事:原创 2020-11-11 15:55:29 · 5847 阅读 · 5 评论 -
Vue-cli4——axios
Vue-cli4——axiosDay1文章目录Vue-cli4——axios前言一、介绍二、安装三、简单使用3.1 简单实例3.2 axios.all3.3 全局配置四、实例4.1 局部实例4.2 封装实例五、拦截器总结前言此文章根据官方文档及些网络资料编写,仅供个人使用。提示:以下是本篇文章正文内容,下面案例可供参考一、介绍他支持多种请求方式axios(config)axios.request(config)axios.get(url[, config])axios.d原创 2020-11-20 20:32:51 · 446 阅读 · 0 评论 -
Vue-cli4——vuex
Vue-cli4——vuexDay1文章目录Vue-cli4——vuex前言一、介绍二、各种状态2.1 单界面的状态管理2.2多界面的状态管理2.3 三种状态2.4 另外一种状态的处理形式三、链式调用四、Vuex简单的实例五、Getters5.1 将couter的数量乘以25.2 参数和传递参数六、Mutations6.1 携带参数6.2 另一种提交方式6.3 定义常量七、Action7.1 简单实现7.2 使用Promise八、Modules8.1 实例九、分离式目录结构总结前言此文章根原创 2020-11-20 14:44:15 · 994 阅读 · 0 评论 -
Vue-cli4——Promise
Vue-cli4——PromiseDay1文章目录Vue-cli4——Promise前言一、介绍三种状态另外一种处理形式链式调用all方法的使用总结前言此文章根据官方文档及些网络资料编写,仅供个人使用。提示:以下是本篇文章正文内容,下面案例可供参考一、介绍一般在有异步操作的时候才会用到,使用Promise对异步操作镜像封装。new =>前面这段他希望你是作为网络请求,数据处理则希望你在then里面处理new Promise((resolve, reject) =>原创 2020-11-19 15:02:21 · 199 阅读 · 0 评论 -
Vue-cli4——TabBar底部导航栏代码解析
Vue-cli4——TabBar底部导航栏代码解析Day1文章目录Vue-cli4——TabBar底部导航栏代码解析前言目录总结前言此文章根据官方文档及些网络资料编写,仅供个人使用。提示:以下是本篇文章正文内容,下面案例可供参考目录tabbar src components tabbar TabBar.vue TabBarItem.vue MainTabBar.vue router index.js views cart原创 2020-11-19 09:58:28 · 450 阅读 · 0 评论 -
Vue-cli4——vue-router路由
Vue-cli4——vue-router路由(一)Day1文章目录Vue-cli4——vue-router路由(一)前言一、代码解析1.1 src/router/index.js1.2 src/App.vue二、实例2.1 简单的实例2.2 在网页中不显示#号2.3 重定向2.4 router-link2.5 通过代码跳转2.6 路由懒加载三、嵌套与数据传递3.1 嵌套3.2 动态路由传递数据,params3.3 参数传递,query3.4 参数传递案例,params与query3.5 router原创 2020-11-18 13:34:27 · 4583 阅读 · 0 评论 -
Vue-Cli学习(一)——安装脚手架和初始化项目
Vue-Cli学习(一)——安装脚手架和初始化项目Day1文章目录Vue-Cli学习(一)——安装脚手架和初始化项目前言一、Vue-cli安装二、初始化项目三、项目结构总结前言此文章根据官方文档及些网络资料编写,仅供个人使用。提示:以下是本篇文章正文内容,下面案例可供参考一、Vue-cli安装全局安装,在CMD上输入npm install -g @vue/cli# ORyarn global add @vue/cli安装完后使用这个查看版本vue --versi原创 2020-11-13 13:26:50 · 139 阅读 · 0 评论 -
Vue学习(五)组件的插槽
Vue学习(五)组件的插槽Day1文章目录Vue学习(五)组件的插槽前言一、插槽的概念1.1简单使用总结前言此文章根据官方文档及些网络资料编写,仅供个人使用。提示:以下是本篇文章正文内容,下面案例可供参考一、插槽的概念slot,翻译过来就是插槽的意思。其目的是让我们封装的组件更加多样化和扩展性。1.1简单使用总结Vue学习(一)插值操作Vue学习(二)动态绑定与事件监听Vue学习(三)循环遍历与表单绑定Vue学习(四)组件与组件间的通信...原创 2020-11-07 19:05:39 · 126 阅读 · 0 评论 -
Vue学习(四)组件与组件间的通信
Vue学习——组件Day1文章目录Vue学习——组件前言一、组件基本使用1.1 注册组件的基本步骤1.2 全局组件1.3 局部组件1.4 父组件调用子组件1.5 组件语法糖1.6 模板分离1.7 组件数据问题二、组件间通信2.1 props子组件接受父组件的数据三、slot-插槽总结前言此文章根据官方文档及些网络资料编写,仅供个人使用。提示:以下是本篇文章正文内容,下面案例可供参考一、组件基本使用1.1 注册组件的基本步骤将页面分成若干组件进行开发,然后组件的组成分成三个步骤原创 2020-11-07 16:00:13 · 218 阅读 · 0 评论 -
Vue学习(三)循环遍历与表单绑定
v-for&v-modelDay1文章目录v-for&v-model前言一、V-for1.遍历数组2.遍历对象3.Key值的作用二、V-model1.简单使用2.V-model的原理3.V-model的修饰符2.V-model的小案例总结前言此文章根据官方文档及些网络资料编写,仅供个人使用。提示:以下是本篇文章正文内容,下面案例可供参考一、V-for介绍:V-for可遍历数据对象1.遍历数组格式:<div v-for="(item, inde原创 2020-11-06 16:13:37 · 2179 阅读 · 0 评论 -
Vue学习(二)动态绑定与事件监听
v-bind&v-onDay1文章目录v-bind&v-on前言一、V-bind1.简单实现2.Class的绑定2.1对象绑定2.2数组绑定3.style的绑定3.1对象绑定3.2数组绑定二、V-on1.简单的案例2.获取参数总结前言此文章根据官方文档及些网络资料编写,仅供个人使用。提示:以下是本篇文章正文内容,下面案例可供参考一、V-bind介绍:V-bind可绑定一个或多个属性值,同时也支持对象或数组绑定。缩写::1.简单实现 <div i原创 2020-11-06 13:08:20 · 2005 阅读 · 0 评论 -
Vue学习(一)插值操作
Vue学习——插值的操作Day1文章目录Vue学习——插值的操作前言一、Vue的实例二、插值的操作1.v-if2.v-bind3.v-on4.v-model5.v-for6.v-html8.v-pre9.v-cloak10.v-text总结前言此文章根据官方文档及些网络资料编写,仅供个人使用。提示:以下是本篇文章正文内容,下面案例可供参考一、Vue的实例Vue实例的简单实现,<div id="app"> <h2>{{message}}</h原创 2020-11-06 10:53:37 · 355 阅读 · 0 评论