说明

要求：要先安装vue
安装vue
配置选项
根组件配置
创建对象

一、安装

在线安装

<script src="https://unpkg.com/vue@next"></script>

下载
vue3.2.23.js

二、配置选项

data(){return{......}} #数据存储
methods:{......} #事件分类
computed:{......} #计算
template:`......` #html模板
delimiters:[...,...] #修改在html中文本显示。如：delimiters:["[[","]]"].在html中由{{var}}变为[[var]].
#生命周期函数
beforeCreate(){.......}
create(){.......}
beforeMount(){......}
mounted(){......}

computed、methods的区别
1.两个都是方法
2.computed把计算的结果，通过return返回，存在内存中。没有数据变动时，直接提取，不用计算。
methods每次调用都要重新执行。

三、要组件配置

app.use()
app.component(name,{......}) #全局组件

四、创建对象

Vue.createApp{配置}.mount(标签id)

四、完

vue基础一--vue结构相关推荐

Vue全家桶（一）：Vue基础+Vue-Cli+Vue组件化+过渡动画
目录 1.Vue概述 1.1 认识Vue 1.2 Vue的两核心 1.3 Vue的初体验 1.4 Vue的生命周期 2. Vue-CLI (Command Line Interface) 3. Vue ...
【Vue基础】Vue基础自测45题
Vue基础自测45题 1.什么是Vue?Vue的核心理念是什么? 2.什么是MVC和MVVM? 3.框架和库的区别? 4.插值表达式 5.vue指令界面防止闪烁 6.vue指令v-html和v-tex ...
Vue基础之Vue实例
构造器: 每个 Vue.js 应用都是通过构造函数 Vue 创建一个 Vue 的根实例启动的: 在实例化 Vue 时,需要传入一个选项对象,它可以包含数据.模板.挂载元素.方法.生命周期钩子等选项. ...
【一天时间|vue基础】vue组件间通信
一天时间系列文章是博主精心整理的面试热点问题和难点问题,吸收了大量的技术博客与面试文章,总结多年的面试经历,带你快速并高效地审视前端面试知识.直击技术痛点,主动出击,精密打击,这才是面试拿到高薪的秘诀 ...
vue基础之vue的常用指令
1.vue指令的使用前提 el挂载点作用:el是用来设置Vue实例挂载(管理)的元素几个疑问: Vue实例的作用范围是什么呢? Vue会管理el选项命中的元素及其内部的后代元素是否可以使用其他的 ...
Vue基础之Vue列表渲染
列表渲染我们用 v-for 指令根据一组数组的选项列表进行渲染. v-for 指令需要以 item in items 形式的特殊语法, items 是源数据数组并且 item 是数组元素迭代的别名 ...
Vue基础之Vue条件渲染
v-if 在 Vue.js ,我们使用 v-if 指令实现的功能也可以用 v-else 添加一个 "else" 块 template-if 因为 v-if 是一个指令,需要将它添 ...
Vue基础之Vue模板语法
插值: 文本: 数据绑定最常见的形式就是使用 "Mustache" 语法(双大括号)的文本插值,双大括号会将数据解析成纯文本 Mustache 标签将会被替代为对应数据对象上 ms ...
【vue 基础】 vue常用指令实例总结
文章目录 1.v-bind 2. v-on 2.1 参数问题 2.2 修饰符问题 3. v-for 4. v-if 5.v-show 6. v-model(重点) 6.1 原理 6.2 v-model ...

vue基础一--vue结构

vue结构

说明

一、安装

二、配置选项

三、要组件配置

四、创建对象

四、完

vue基础一--vue结构相关推荐

最新文章

热门文章