Vue
vue持续更新
Darryl、
这个作者很懒,什么都没留下…
展开
-
Vue基础:组件
组件的构成 组件模块化是Vue的渐进式框架的特点,了解组件的构成是迈开模块化开发的第一步,组件分为全局组件和局部组件。 全局组件: <body> <div id="app"> <cpn></cpn> </div> </body> `//全局组件 const cpn1 = Vue.extend({ template:`<div> <h1>我是全局标题1</h1>原创 2020-07-23 13:39:02 · 154 阅读 · 0 评论 -
Vue:计算属性Computed
1.计算属性的写法 2.计算属性与methods函数的比较 区别:methods每次都会调用,但是computed有缓存机制,会直接去缓存,不会重新计算一次,提高效率。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.jsdelivr.net/npm/原创 2020-07-23 13:44:40 · 83 阅读 · 0 评论 -
Vue:插槽 slot
为保持组件化开发能满足一个组件布局的多种类展示,使用slot插槽即可解决。方法如下: <!-- 需求: 组件标题都是案例一,后面跟的标签需要不同。 第一个是按钮 第二是个h标签 第三个是p标签 基本使用 --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script原创 2020-07-24 10:22:24 · 71 阅读 · 0 评论 -
Vue:vuex
1、Vuex是什么: Vuex是专门对于vue.js应用程序开发的状态管理模式 其采用集中式储存管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式法相变化。 人话: 将多个组件共享的变量全部储存在一个对象里面,然后将这个对象放在顶层Vue实例中,让其他组件可以使用,共享这个对象中的所有变量属性。 一句话: 状态管理模式 2、哪种情况下使用: 大型开发,多个状态,在多个界面存在共享问题 用户登录状态,用户名称,头像,地理位置等共存信息 商城类项目中:购物车,收藏商品 3、具体使用Vuex.原创 2020-10-16 11:02:30 · 100 阅读 · 0 评论