vue
IT-CLASS
这个作者很懒,什么都没留下…
展开
-
split().reverse().join()代码解析
split('').reverse().join('')原创 2022-07-31 17:28:22 · 203 阅读 · 0 评论 -
vue 环境的搭建
vue项目搭建原创 2022-07-31 17:11:07 · 104 阅读 · 0 评论 -
v-if 和 v-show 的区别
v-if 和 v-show 的区别v-if 在编译过程中会被转化成三元表达式,条件不满足时不渲染此节点。v-show 会被编译成指令,条件不满足时控制样式将对应节点隐藏 (display:none)使用场景v-if 适用于在运行时很少改变条件,不需要频繁切换条件的场景v-show 适用于需要非常频繁切换条件的场景扩展补充:display:none、visibility:hidden 和 opacity:0 之间的区别?...原创 2021-06-17 15:54:48 · 101 阅读 · 0 评论 -
vue里为什么 data 是一个函数,Vue 组件通讯有哪几种方式
vue里为什么 data 是一个函数组件中的 data 写成一个函数,数据以函数返回值形式定义,这样每复用一次组件,就会返回一份新的 data,类似于给每个组件实例创建一个私有的数据空间,让各个组件实例维护各自的数据。而单纯的写成对象形式,就使得所有组件实例共用了一份 data,就会造成一个变了全都会变的结果Vue 组件通讯有哪几种方式props 和emit父组件向子组件传递数据是通过prop传递的,子组件传递数据给父组件是通过emit 父组件向子组件传递数据是通过 prop 传递的,子组件传递数据原创 2021-06-17 15:12:01 · 139 阅读 · 0 评论 -
MVC 和 MVVM 区别
MVC 和 MVVM 区别MVCMVC 全名是 Model View Controller,是模型(model)-视图(view)-控制器(controller)的缩写,一种软件设计典范Model(模型):是应用程序中用于处理应用程序数据逻辑的部分。通常模型对象负责在数据库中存取数据View(视图):是应用程序中处理数据显示的部分。通常视图是依据模型数据创建的Controller(控制器):是应用程序中处理用户交互的部分。通常控制器负责从视图读取数据,控制用户输入,并向模型发送数据MVC 的思想原创 2021-06-17 15:03:54 · 248 阅读 · 0 评论 -
vuex中subscribe的使用
会在每个 mutation 完成后调用,接收 mutation 和经过 mutation 后的状态作为参数App.vuethis.$store.commit('add')store.jsconst store = new Vuex.Store({ state:{ name:'xxx', age:20 }, mutations:{ add(state){ console.log(state.age);原创 2021-05-21 16:53:31 · 1609 阅读 · 0 评论 -
nuxt - nuxtServerInit & 页面渲染前的store处理 & context
nuxtServerInit 方法状态书文件中指定了nuxtServerInit方法,Nuxt,js调用它的时候会将页面的context上下文对象作为第2个参数传给它(服务端调用)[与fetch一样,不包括context.redirect和context.error方法],当我们想要将服务端的一些数据传到客户端,可以通过这个获取保存在状态中,客户端再从状态里取actions: {nuxtServerInit({ commit}, { req }) {if (req.session.user)com转载 2021-05-16 21:46:30 · 3008 阅读 · 0 评论 -
nuxt如何处理用户登录状态持久化:nuxtServerInit 页面渲染前的store处理
vue-cli项目中,我们可以用vuex-persistedstate,它可以使vuex的状态持久化,页面刷新都不会丢失,原理当然是localStorage啦!当然也可以使用vue-cookies进行保存token,问题来了,nuxt项目怎么保存登录状态呢?当然上面这两种方法我们都可以使用,但是有个问题,由于在created钩子中不存在window对象(获取cookie、localStorage都需要window对象),当你需要判断是否存在token的时候,你必须要在mounted进行操作,这说明页面进来的转载 2021-05-16 16:54:16 · 990 阅读 · 0 评论 -
vue设置全局变量
如果需要设置全局变量,在main.js中,Vue实例化的代码里添加。来自vue官网 https://cn.vuejs.org/v2/cookbook/adding-instance-properties.html不想污染全局作用域。这种情况下,你可以通过在原型上定义它们使其在每个 Vue 的实例中可用。Vue.prototype.$appName = 'My App'这样 $appName 就在所有的 Vue 实例中可用了,甚至在实例被创建之前就可以。如果我们运行:new Vue({ bef转载 2020-10-30 15:11:38 · 1192 阅读 · 0 评论