随笔分类 - 前端 / Vue
摘要：任务清单（单文件） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title
阅读全文
摘要：使用前需要先安装 npm install pinia // state、getter 和 action，我们可以假设这些概念相当于组件中的 data、 computed 和 methods // data可以通过this去调用 // computed就是计算属性，也能从中直接调用data的内容 使用
阅读全文
摘要：监听属性 需要使用ref和ractive包一下才可以正常监听。 // 使用相关属性需要导入 import { reactive, ref, watch } from "vue"; // 监听单个 let name = ref("阿珂") watch(name, (newValue, oldValue
阅读全文
摘要：写在前面 https://juejin.cn/post/7106374777601785893 https://juejin.cn/post/7253828299938906169 配置项写法 <body> <div id="app"> </div> </body> <script> const a
阅读全文
摘要：vue-router使用 // npm导入 npm install vue-router --save // cnpm淘宝镜像导入 cnpm install vue-router --save // 如果没有安装淘宝镜像需要先安装 npm install -g cnpm --registry=htt
阅读全文
摘要：混入mixin 在Vue中，混入（mixin）是一种可以在多个组件中重复使用的对象。它允许您将组件中的一些选项提取出来，然后在多个组件中进行重复使用。混入可以包含组件中的任何选项，例如数据、计算属性、方法等。 使用步骤 在src文件夹下新建一个文件夹，比如mixin，然后再这个文件夹下面新建一个脚本
阅读全文
摘要：var let 和 const # var 以后尽量少用，函数作用域 # 在ES6之前，我们都是用var来声明变量，而且JS只有函数作用域和全局作用域，没有块级作用域，所以{}限定不了var声明变量的访问范围。 # ES6 新增了let命令，用来声明局部变量。它的用法类似于var，但是所声明的变量，
阅读全文
摘要：掌握的命令 npm install xx cnpm install xx vue create 项目名称 npm run serve 环境搭建 # 1 工程化 》创建vue项目 -要按vue要求的套路写代码--》写的都是vue的东西 -最终上线--》要编译 》把vue的代码--》编译成 html，c
阅读全文
摘要：事件修饰符 事件修饰符 作用 .stop 只处理自己的事件，父控件冒泡的事件不处理（阻止事件冒泡），一般用在子元素类上 .self 只处理自己的事件，子控件冒泡的事件不处理，一般用在父元素上 .prevent 阻止a连接的跳转 .once 事件只会触发一次（适用于抽奖页面） 使用修饰符时，顺序很重要
阅读全文
摘要：es6的对象写法 // 正常的写法 let arr = ['逃课', '打游戏', '欺负小满'] let hobbyDetail = { name: "大乔", age: 4, hobby: arr } console.log(hobbyDetail) // 简写 // 正常的写法 let arr
阅读全文
摘要：官网 https://cn.vuejs.org/ MVVM架构 MVVM 是Model-View-ViewModel 的缩写，它是一种基于前端开发的架构模式，是一种事件驱动编程方式 Model ：vue对象的data属性里面的数据，这里的数据要显示到页面中 View ：vue中数据要显示的HTML页
阅读全文
