![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
codeAX
GitHub:https://github.com/whut-xgp
Blog:https://xgpax.top
展开
-
[Vue3学习笔记] (二) setup ref reactive与生命周期
[Vue3学习笔记] (二) setup ref reactive与生命周期一、template不再需要根元素显然在vue3中template不再一定需要一个父元素才能编译通过了。二、setup函数初识2.1、关于setup setup函数其实是一个生命周期钩子,它对应的其实就是Vue2中的beforeCreate和create在vue3中我们通过这个函数来定义vue2中的data,methods,watch,computed属性(数据定义与处理相关)2.2、setup使用 set原创 2020-10-01 12:06:50 · 5641 阅读 · 0 评论 -
【Vue3学习笔记】(一) 创建Vue项目
【Vue3学习笔记】(一) 创建Vue项目一、Vue3官网地址:https://v3.vuejs.org二、起步2.1 使用vue3通过CDN形式使用Vue3<script src="https://unpk.com/vue@next"></script>通过@vue/cli使用vue项目@vue/cli已经支持在创建项目的时候使用vue3了在创建面板选择即可# 全局安装@vue/cli,如果出错建议试试cnpmnpm install -g @vue/cli原创 2020-10-01 12:06:17 · 213 阅读 · 0 评论 -
(3k字)入门Vue,看这一篇!
还在死看官方文档学Vue?看这一篇就完事了基本内容:{{ 属性变量名 }}花括号 大胡子写法var app = new Vue({ el: '#app',//选择器 data: { message: 'Hello Vue!' }})常用指令:1. v-bindv-bind:属性名称=“data数据” 因为相当常用,所以可以省略v-bind:属性名称=...原创 2020-02-20 22:30:19 · 167 阅读 · 0 评论