⑦ vue 项目开发配套工具
摘要：vue 项目开发配套工具 1 VueCLI 的使用和单文件组件 1.1 相关命令行 安装node node -v 查看npm npm -v 安装nrm 使用镜像源安装依赖 npm i nrm -g 安装脚手架工具 npm i -g @vue/cli 创建项目 vue create demo 人工选择
阅读全文
posted @
2022-03-16 11:45
pleaseAnswer
阅读(268)
推荐(0) 编辑
⑥ composition API
摘要：Composition API 1 Setup 函数的使用 Composition api 代码编写要建立在 setup 函数上 执行时间：created 实例被完全初始化之前 setup 函数内部 获取不到 this 1.1 return 的内容可以在 template 中直接使用 const a
阅读全文
posted @
2022-03-16 11:42
pleaseAnswer
阅读(30)
推荐(0) 编辑
⑤ vue 中的高级用法
摘要：vue 中的高级用法 1 Mixin 混入的基础语法 1.1 组件 data methods 优先级高于 mixin data 优先级 1.2 生命周期函数先执行 mixin 的再执行组件的 const myMixin = { data() { return { number: 2, count:
阅读全文
posted @
2022-03-16 11:38
pleaseAnswer
阅读(348)
推荐(0) 编辑
④ vue 中的动画
摘要：vue 动画 1 使用 Vue 实现基础的 CSS 过渡与动画效果 1.1 过渡 <style> .transition { transition: 3s background-color ease; } .blue { background: blue; } .green { background
阅读全文
posted @
2022-03-16 11:35
pleaseAnswer
阅读(75)
推荐(0) 编辑
③ vue 组件
摘要：vue组件 1 组件的定义及复用性 局部组件和全局组件 // 局部组件的定义：要注册之后才能使用，建议大写字母单词，驼峰命名 const Counter2 = { data() { return { count: 1 } }, template: `<div @click="count+=2">{{
阅读全文
posted @
2022-03-16 11:31
pleaseAnswer
阅读(35)
推荐(0) 编辑
② vue 基础语法
摘要：vue基础语法 1 应用和组件的基础概念 // createApp 创建一个 vue 应用 // 参数：这个应用最外层的组件应该如何展示 // mvvm 设计模式 viewmodel 视图数据连接层 const app = Vue.createApp({ data() { return { mess
阅读全文
posted @
2022-03-16 11:23
pleaseAnswer
阅读(33)
推荐(0) 编辑
① ts基础
摘要：前言 npm i -g typescript $tsc -v tsc test.ts // 编译 node test.js // 执行 const hello: string = 'Hello World!' console.log(hello) 1 对象+基本类型 1.1 ts是一种面向对象的编程
阅读全文
posted @
2021-07-07 00:07
pleaseAnswer
阅读(419)
推荐(0) 编辑
