VUE
文章平均质量分 81
鲸歌
这个作者很懒,什么都没留下…
展开
-
Vue3.0基础教程:Vue事件监听;v-on指令;事件修饰符;按键修饰符;系统修饰符
Vue3.0 学习笔记 5监听事件v-on指令v-on指令可以用来监听DOM事件,写法如下:<button v-on:click="young()">young</button><!--标准写法--><button @click="young()">young</button><!--简略写法-->v-on的表达式值是一个可执行的函数,如yong()函数data(){ return { age:1原创 2021-08-25 15:15:45 · 1166 阅读 · 0 评论 -
Vue3.0基础教程:条件渲染:v-if v-else-if v-if;列表渲染:v-for
Vue3.0 学习笔记 4条件渲染v-if指令v-if指令用于动态渲染一块内容,只有当该指令的表达式值为true时才渲染,也可配套使用v-else指令设置一个else-if块和else块<h1 v-if="ifSee">hello Vue3.0!</h1><h1 v-else-if="ifSeeMore">hello more Vue3.0!</h1><h1 v-else>Oh no!</h1>data(){原创 2021-08-24 17:50:51 · 7083 阅读 · 0 评论 -
Vue3.0基础教程:data属性、计算属性、侦听器、Class与style绑定
VUE3.0 学习笔记 3Vue组件中的Data Property和方法Data Property 组件中的data是一个函数,他返回一个data对象,里面包含着用户定义的组件的属性变量,当根组件挂载到某个DOM元素上创建好组件实例后,Vue将data以$data的形式存在于组件中const app = Vue.createApp({ data() { return { count: 4 } }})const vm = app.mount('#app')console.l原创 2021-08-24 15:32:36 · 6430 阅读 · 0 评论 -
vue3.0基础教程:开始使用、生命周期、模板语法、指令
Vue3.0学习笔记 2开始使用CDN导入:<script src="https://unpkg.com/vue@next"></script>npm安装//最新稳定版npm install vue@nextVueCLI构建介绍Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,提供:通过 @vue/cli 搭建交互式的项目脚手架。通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。一个运行时原创 2021-08-09 14:25:45 · 836 阅读 · 0 评论 -
Vue3.0入门知识:Npm使用、模板字面量、函数、展开运算符、对象字面量、解构赋值、箭头函数、
Vue3.0学习笔记一本文章为本人学习笔记,仅供参考,如有不足,恳请指正。NPMnpm installL安装程序包及其依赖的所有程序包,如果package.json文件存在则安装依赖包,不存在则创建npm install <package-name> //安装特定名称的软件包 特点:安装模块到项目node_modules目录下,不会修改package.json文件,运行 npm install 初始化项目时不会下载模块。 npm install <package-nam原创 2021-08-09 14:24:17 · 533 阅读 · 0 评论