Vue.js的初步学习(一)

﹏ヽ暗。殇╰゛Y 2023-01-18 04:13 145阅读 0赞

## 一、计算属性 ##

##### 1.1.计算属性的本质 #####

*  fullname：\{set(),get()\}  
    1.2.计算属性和methods对比
 *  计算属性在多次使用时，只会调用一次
 *  它时由缓存的

## 二、事件监听 ##

##### 2.1.事件监听基本使用 #####

##### 2.2.参数问题 #####

*  btnClick
 *  btnClick(event)
 *  btnClick(abc,event)->$event

##### 2.3.修饰符 #####

*  stop
 *  prevent
 *  .enter
 *  .once
 *  .native

## 三、条件判断 ##

##### 3.1.v-if/v-else-if/v-else #####

##### 3.2.登录小案例 #####

##### 3.3.v-show #####

*  v-show和v-if区别

## 四、循环遍历 ##

##### 4.1.遍历数组 #####

##### 4.2.遍历对象 #####

*  value
 *  value，key
 *  value，key，index

##### 4.3.数组的哪些方法是响应式的 #####

##### 4.4.作业完成 #####

## 五、书籍案例 ##

## 六、v-model的使用 ##

##### 6.1.v-model的基本使用 #####

*  v-model=>v-bind:value v-on:input

##### 6.2.v-model和radio/checkbox/select #####

##### 6.3.修饰符 #####

*  lazy
 *  number
 *  trim

## 七、组件化开发 ##

##### 7.1.认识组件化 #####

##### 7.2.组件的基本使用 #####

##### 7.3.全局组件和局部组件 #####

##### 7.4.父组件和子组件 #####

##### 7.5.注册的语法糖 #####

##### 7.6.模板的分类写法 #####

*  script
 *  template

##### 7.7.数据的存放 #####

*  子组件不能直接访问父组件
 *  子组件中有自己的data，而且必须是一个函数
 *  为什么必须是一个函数

##### 7.8.父子组件的通信 #####

*  父传子：props
 *  子传父：$emit

##### 7.9.项目 #####

*  npm install
 *  npm run serve

发表评论取消回复

表情：

评论列表（有 0 条评论，145人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue.js的初步学习(一)

一、计算属性 1.1.计算属性的本质 fullname：\{set(),get()\} 1.2.计算属性和methods对比计算属性在多次

﹏ヽ暗。殇╰゛Y/ 2023年01月18日 04:13/ 0 赞/ 146 阅读

相关 theano学习初步(一)

此文源于[Theano官方教程][Theano]，例子源于官方教程以及[此处][Link 1] 代码和例子都收录在[我的github][github]中，求斧正，求粉求星星。

向右看齐/ 2022年07月18日 04:04/ 0 赞/ 146 阅读

相关 VueJs学习汇总

最近更新时间：2017年6月2日16:58:06 [《我的博客地图》][Link 1] 前端的框架很多，需要不断的摸索和学习，截止20170602已经接触和使

落日映苍穹つ/ 2022年06月15日 12:11/ 0 赞/ 425 阅读

相关 Vue.js初步学习：一

Vue.js初步学：一 Vue.js是一套构建用户界面的渐进式框架,Vue 的核心库只关注视图层. 第一步：每个 Vue 应用都需要通过实例化 Vue 来实现。

朱雀/ 2022年05月18日 00:48/ 0 赞/ 219 阅读

相关 vuejs学习笔记

把一个对象所有元素打印出来对象： editRoomData: { id: "", roomNo:""

Bertha 。/ 2022年05月01日 12:10/ 0 赞/ 193 阅读

相关 VueJS极简教程之一：初步

是什么 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心

我不是女神ヾ/ 2022年04月21日 14:38/ 1 赞/ 291 阅读

相关（一）.net学习初步了解.net

1，using 后台c\代码会看见，与java的import差不多 2，关于id 页面上的某些控件带有id，并且runat="seerver"，说明此控件对应一个

一时失言乱红尘/ 2022年04月16日 00:28/ 0 赞/ 239 阅读

相关 webpack学习（一）：初步配置webpack

demo地址: [https://github.com/Lkkkkkkg/webpack-demo][https_github.com_Lkkkkkkg_webpack-dem

女爷i/ 2022年04月06日 05:27/ 0 赞/ 255 阅读

相关 VueJS初步了解

慕课视频：[https://www.imooc.com/learn/980][https_www.imooc.com_learn_980] Vue cli介绍：[https:

绝地灬酷狼/ 2022年04月05日 04:46/ 0 赞/ 381 阅读

相关 Spring学习日记（一）AOP的初步实现

工具：myEclipse 一、准备工作 1、新建一个web project 2、导入spring开发包：项目文件——（右键）configure Facets——ins

桃扇骨/ 2021年09月27日 10:04/ 0 赞/ 289 阅读