2022年3月16日
摘要：
vue 项目开发配套工具 1 VueCLI 的使用和单文件组件 1.1 相关命令行 安装node node -v 查看npm npm -v 安装nrm 使用镜像源安装依赖 npm i nrm -g 安装脚手架工具 npm i -g @vue/cli 创建项目 vue create demo 人工选择 阅读全文
摘要：
Composition API 1 Setup 函数的使用 Composition api 代码编写要建立在 setup 函数上 执行时间：created 实例被完全初始化之前 setup 函数内部 获取不到 this 1.1 return 的内容可以在 template 中直接使用 const a 阅读全文
摘要：
vue 中的高级用法 1 Mixin 混入的基础语法 1.1 组件 data methods 优先级高于 mixin data 优先级 1.2 生命周期函数先执行 mixin 的再执行组件的 const myMixin = { data() { return { number: 2, count: 阅读全文
摘要：
vue 动画 1 使用 Vue 实现基础的 CSS 过渡与动画效果 1.1 过渡 <style> .transition { transition: 3s background-color ease; } .blue { background: blue; } .green { background 阅读全文
摘要：
vue组件 1 组件的定义及复用性 局部组件和全局组件 // 局部组件的定义：要注册之后才能使用，建议大写字母单词，驼峰命名 const Counter2 = { data() { return { count: 1 } }, template: `<div @click="count+=2">{{ 阅读全文
摘要：
vue基础语法 1 应用和组件的基础概念 // createApp 创建一个 vue 应用 // 参数：这个应用最外层的组件应该如何展示 // mvvm 设计模式 viewmodel 视图数据连接层 const app = Vue.createApp({ data() { return { mess 阅读全文