vue
文章平均质量分 80
流苏c
一个正在学习的前端小白
展开
-
vue的组件插件化封装
vue组件插件化封装一、场景当我们封装好一个组件,这个组件很小,但是却是很多地方都要使用的公共组件,如一个弹出小框。这个时候我们在每个需要用到的大页面都去引入这个小框然后对他传入内容数据显得很繁琐。例如:toast.vue弹出框组件<template><div class="toast" v-show="isShow">{{massage}}</div></template><script> export default原创 2021-07-29 10:26:23 · 1388 阅读 · 1 评论 -
Vuex的基础知识
Vuex一、认识Vuex1、Vuex是做什么的?官方解释:Vuex是一个专为 Vue.js 应用程序开发的状态管理模式。它采用 集中式存储管理 应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension,提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。2、状态管理到底是什么?状态管理模式、集中式存储管理这些名词听起来就非常高大上,让人捉摸不透。其实,你可以简单的将其原创 2021-07-21 14:19:01 · 256 阅读 · 0 评论 -
修炼Vue-模块化
上一篇:修炼Vue-组件化文章目录一、模块化简介1. 前期的模块化2. es6的模块化语法二、模块化打包工具三、webpack配置vue1. 下载vue并引入2. 编写vue相关代码四、Vue CLI 脚手架1.什么是Vue CLI2. Vue CLI的安装安装拉取命令3. 安装CLI错误4. Vue CLI2目录结构解析runtime-only与runtime+compile的区别render函数5. Vue CLI32与3的区别目录结构解析main文件配置文件的查看和修改目录结构解析main文件配置文原创 2020-11-10 19:11:25 · 178 阅读 · 0 评论 -
修炼Vue-组件化
文章目录Vue的组件化一、认识组件化1. 什么是组件化2. 组件化思想二、注册组件1. 组件的使用步骤三、组件其他补充1. 全局组件和局部组件2. 父组件和子组件3. 组件的语法糖写法4. 组件模板抽离的写法四、组件数据存放1. 组件能访问vue中的数据吗2. 组件中的data为什么必须是函数五、父子组件通信1. 父传子props2. props的驼峰命名3. 子传父(自定义事件)4. 数据双向绑定案例5. 父访子-\$children-\$refs6. 子访父-\$parent-\$root六、插槽slo原创 2020-11-06 10:48:16 · 239 阅读 · 0 评论 -
修炼Vue-基础语法
Vue基础语法一、插值操作1、Mustache语法即{{ msg }},里面可以写一个变量,也可以写表达式。2、其他语法1. v-once该指令后面不需要跟任何表达式,之前学的v-for是需要的该指令表示元素和组件只渲染一次,不会随着数据的改变而改变2. v-html、v-textv-html指令可以识别html内容v-text指令不会识别html内容3. v-pre该指令可以将标签的内容原封不动的显示出来4. v-cloak该指令会在vue还没有解析DOM的时候在原创 2020-11-06 10:40:28 · 175 阅读 · 0 评论 -
邂逅vue
文章目录一、认识vuejs1、为什么学习vuejs2、简单认识一些vuejs二、vuejs安装方式1、CDN引入2、下载和引入3、NPM安装三、vuejs初体验1、hello vuejs2、vue列表展示3、案例:计数器四、vuejs的MVVM1、什么是MVVM?2、Vue的MVVM五、Vue的options选项六、Vue的生命周期1、什么是Vue的生命周期2、Vue的生命周期函数有哪些七、定义Vue的template一、认识vuejs1、为什么学习vuejs国内很火,工作必学2、简单认识一些vue原创 2020-11-01 00:38:48 · 788 阅读 · 0 评论