Vue3从零开始系列
文章平均质量分 75
NormalCode
这个作者很懒,什么都没留下…
展开
-
Vue3从零开始系列-07_模板语法
官方文档很全这里稍微列一下DOMv-once 带上后,就渲染一次,你改数值也不会变<p>{{ msg }} </p><p v-once>{{ msg }}</p>v-html 不进行渲染,原样输出<p>Using mustaches: {{ rawHtml }}</p><p>Using v-html directive: <span v-html="rawHtml"></span>&原创 2021-09-08 15:44:59 · 250 阅读 · 1 评论 -
Vue3从零开始系列-06_数据结构&生命周期
这里我走马观花的说一下数据结构和生命周期具体,可以看下官方但我个人感觉有点不好理解。说说我的看法。数据结构<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>05_VUE3_Study_组件化应用构建</title> <meta charset="utf-8"> <meta author="Daniel_shi"></he原创 2021-09-08 14:40:18 · 219 阅读 · 0 评论 -
Vue3从零开始系列-05_组件化应用构建
组件化应用构建啥意思?就是一种思想,化大为小。一个大问题,我们可以分成几个小问题。小问题解决了,大问题就间接解决了。我们的任务是做个界面,界面分成几个小的地方,小地方搞定,即界面搞定。这里VUE把这个小地方叫 “组件”。Component。当然也有其他的概念,比如Prefab预制件,Template模板,几种概念杂糅到一起,总之就是大化小的思想。...原创 2021-09-08 14:01:53 · 2191 阅读 · 0 评论 -
Vue3从零开始系列-04_条件与循环
JavaScript 数据类型:数值、字符串值、数组、对象等等var length = 7; // 数字var lastName = "Gates"; // 字符串var cars = ["Porsche", "Volvo", "BMW"]; // 数组var x = {firstName:"Bill", lastName:"Gates"}; // 对象 var x = tru原创 2021-09-08 11:15:22 · 136 阅读 · 0 评论 -
Vue3从零开始系列-03_用户输入
用户输入什么是输入?就是用户通过设备终端,像计算机录入信息。输出?就是计算机把结果返回给用户。说白了,就是I/O操作。再直白点,鼠标点击,键盘输入。显示器显示。这里又需要提到一个概念——事件(event)。每次设备有东西进来,会触发一个事件,类似OnClickEvent,OnDoubleClickEvent这种。这里我不方便说太多,我也没这个能力。具体有兴趣请检索关键词“JS事件循环与消息队列”参考:资料其实你也不需要知道太多。现在我就需要干一件事,我鼠标点了,键盘按了,你给我反馈。Just原创 2021-09-08 10:47:19 · 160 阅读 · 0 评论 -
Vue3从零开始系列-02_响应式
这里参考官方教程复制之前的模板,新建一个02_VUE3_Study_响应式.html<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>VUE3_Study_响应式</title> <meta charset="utf-8"> <meta author="Daniel_shi"></head><body&原创 2021-09-07 18:13:18 · 111 阅读 · 0 评论 -
Vue3从零开始系列-01_环境搭建
环境搭建这里的环境搭建,就是我要看到这些东西怎么开发。下载基本2个思路。1.直接在web上写代码,上手干2.自己把材料准备好,写完,运行我选的是第2种,我不想弄的很复杂。说说准备1.一个文本编辑器(EditPlus,Notepad,Sublime)这里我用的Sublime2.这里提供几个网站,把代码下载一下https://www.jsdelivr.com/package/npm/vuehttps://unpkg.com/browse/vue@3.2.9/dist/也可以参考一下官网安原创 2021-09-07 17:44:23 · 2916 阅读 · 1 评论 -
Vue3从零开始系列-基本概念
既然你打开了这篇文章,你或多或少知道VUE是什么。也行你是Vue.js 2版本的老鸟,也行你是刚想看看前端的新手。这篇文章将从我的角度出发(菜鸟角度),写一些我对于Vue.js 3版本的理解和学习感悟。如果不对,欢迎指正。什么是VUE?...原创 2021-09-07 17:08:17 · 142 阅读 · 0 评论