Vue Class的显示

Vue Class 中 可以传入 字符串,对象,数组在传入对象的时候 可以通过 对象的 key 值 true/false 来控制这个class是否显示:class="{'collapse': isCollapse}"isCollapse(){ return true }

摘记语录

好的代码像粥一样,都是用时间熬出来的 --Pocky

小程序登录流程与判断登录信息失效

小程序登录流程整理流程图代码示例function wxLogin() { // 调用wx.login wx.login({ success: (res) => { // 获取到code const CODE = res.code; wx.showToast({ title: '数据加载中', icon: 'loading' }) // 使用code和后端换取openid,sessionKey request('后端提供的接口', 'POST', { code: CODE }, { 'content-type': 'application/json' }).then(res => { wx.hideToast() if (res.data.InfoState == 0) { getUserInfo().then( // 成...

Vue3初步了解

Vue3与Vue2的不同Vue3 新特性 setup函数Vue3最大的改变算是 composition API,而 setup是composition API的入口函数在setup中定义值与方法与Vue2中的Opthions API定义有所不同,在Vue2 中 我们定义值和对象 我们会在 data中return一个对象中定义例如<p>{{name}}<p> data() { return { name: Soya, obj:{ site:'xiaoyio.com', age:18 } }; }而在Vue3中使用composition API我们定义值和对象的话我们需要引入 ref 和 reactive例如<p>姓名:{{name}}<p> <p>网址:{{obj.site}}<p> import { ref, reactive } from "vue"; setup(){ const name...

Vue组件之间的关系与传值方法

Vue组件之间的关系与传值方法父子关系父传子 props父组件传递子组件 只需要在子组件上绑定一个自定义属性 子组件内使用props接收自定义属性即可 // 父组件 简写 // template <Son :msg="msg"></Son> // script <script> components: { Son }, data() { return { msg: "你好啊" }; }, </script> // 子组件 // template <h2>这是儿子:{{msg}}</h2> // script <script> // 父传子 props: { // 参数 msg: { ...