随笔分类 - Vuejs
摘要：生命周期 分为四个阶段：创建、挂载、更新、销毁（卸载） Vue2: 创建阶段：beforeCreate、created 挂载阶段：beforeMount、mounted 更新阶段：beforeUpdate、updated 销毁阶段：beforeDestroy、destroyed vue3： 创建阶段
阅读全文
摘要：一、computed 作用：根据已有的数据计算出新数据，具有缓存性（如果依赖的计算数据不更新就只执行一次，更新再执行） 只读写法： let fullName = computed(() => { return 计算结果;}) 可读可写： let fullName = computed({ get()
阅读全文
摘要：一、ref和reactive ref：可定义基本类型数据和对象类型数据 reactive：只能定义对象类型数据 区别： ·ref创建的变量在script中使用时必须加上.value（可以使用volar插件自动添加.value，步骤：vscode设置->扩展->Vue->勾选Dot Value） ·r
阅读全文
摘要：一、CompositionAPI（组合式API） OptionsAPI：选项式API，这是Vue2的用法，其中将数据、方法和计算属性都是分散在data、methods、computed等版块中，不便于维护和复用 CompositionAPI：组合式API，这是Vue3的用法，是用函数的方法将相关功能
阅读全文
摘要：在一样的情况下，computed的性能会高于watch，所以大部分情况使用computed会更好。 但是，它们也有各自的优缺点： computed计算属性： 1. 能够实时监听data里面绑定的数据（包括vueX），但是其余数据的改变是监听不到的。 2. 适用于需要计算的一个值被多个数据影响的情况，
阅读全文
摘要：一.计算属性 1.1. 计算属性的本质 fullname: {set().get()} 一般不写set，所以看起来像函数 1.2. 计算属性和methods对比 计算属性多次使用时，只会调用一次。 它是有缓存的 二.事件监听 ####2.1. 事件监听基本使用 v-on、语法糖：@ 2.2. 参数问
阅读全文
摘要：一：首先写好要复用的代码内容，将其复制上 这里笔误，复制为Ctrl+C 二：选择File，点击Settings 三：选择Editor下的Live Templates，点击右边的加号，选择第一个Live Template 四：填写相关内容 五：选择并确定 六：最后效果
阅读全文
摘要：input的复用：Vue里面要实现某一效果时要先给VDOM，再由VDOM渲染到实际效果中，当VDOM（虚拟DOM）中已经创建了一个label、input时，转变类型之后，会检测要传入的是什么，发现还是input之后就不会再创建一个新的input，只会在原来的基础上进行改变。所以当一开始在账号中输入了
阅读全文
摘要：v-bind动态绑定元素 v-bind <div id="app"> <a v-bind:href="aHref">百度一下</a> </div> href在Vue对象里面data数据中声明了一个aHref地址的 const app = new Vue({ el: '#app', data: { a
阅读全文
摘要：Mustache语法 mustache语法中，不仅仅可以直接显示变量，也可以写简单的表达式 例如：对于Vue中已申明的数据或方法等，可以再HTML中以以下方式写入 <h2>{{message}}</h2> <h2>{{message}}, wyl</h2> <h2>{{firstName + las
阅读全文
摘要：el: 类型：String(#id) | HTMLElement(document.queryselector()) 作用：决定之后Vue实例会管理哪一个DOM data： 类型：Object | Function（在组件中data必须是一个函数） 作用：Vue实例对应的数据对象 methods：
阅读全文
摘要：计数器的MVVM 计数器中有严格的MVVM思想 View依然是我们的DOM Model就是我们抽离出来的obj ViewModel就是我们创建的Vue对象实例 它们之间的工作过程 首先ViewModel通过Data Binding让obj中的数据实时的在DOM中显示 其次ViewModel通过DOM
阅读全文
摘要：一：直接CDN引入 可以选择引入开发环境版本还是生产环境版本 二：下载和引入 开发环境：https://vuejs.org/js/vue.js 生产环境：https://vuejs.org/js/vue.min.js 下载Vue.js地址，安自己需求选择开发或生成环境安装：https://cn.vu
阅读全文
摘要：Vuejs Vue：（读音/vju:/，类似于view） 是一个渐进式的框架，什么是渐进式呢？ 渐进式意味着你可以将Vue作为你应用的一部分嵌入其中，带来更丰富的交互体验。 或者如果你希望将更多的业务逻辑使用Vue实现，那么Vue的核心库以及其生态系统也一样够用。 比如Core+Vue-router
阅读全文
浙公网安备 33010602011771号