Vue基础

 

 V-bind

 

 V-blind可以简写为一个冒号,单向绑定

指向:title src

V-model

表单元素的value可以进行双向绑定,相互影响相互作用

--

 

V语法的作用域只在DIV里,所以在作用域里面写语法

 1.3.4 V-on方法(事件监听)

可以简写为@符号

1.导入语法,修改on事件(属性指向vue内属性)

2.建立Vue控制台(利用方法来影响属性):注意this

 1.3.5V-show(隐藏)

v-show和v-if的区别:

 v-if如果不显示,就不会加载到dom

 1.3.5V-if

1.36V-for

 

 --

 --

点击删除对应元素

1.37 V-once

 只编译一次

 

 

 1.4计算属性

计算属性:计算属性是一个属性,依赖于别的属性存在,通过其他属性计算而来

{{sum}}

 一个值等于集合里面其他值的计算结果,然后差值表达式显示在页面上

1.5监听器/侦听器

 

 监控改变次数

 

 -----------------

Vue生命周期

生命周期:表示一个Vue对象从创建到销毁的过程

生命周期函数:Vue对象在创建到销毁的过程中处罚的方法

 挂载:把代码解析位节点加载到dom树上

生命周期函数可以进行初始化

 

 

 --

ajax

1.6模板

1.7组件

一个vue代表一个对象

一个页面由多个vue组成

     

 

 模板里写:

 

 index.html->main.js->app.vue

所以app上的修改会导致最后index的修改(他们都结果main方法)

 

表示css代码只在本页面显示:在父类里面写css 

总结:在一个vue项目形成多组件嵌套结构

1.在一个vue对象中,导入一个vue对象

2.注册

3.使用

组件化

-----

2.8组件传值
父组件传递:通过绑定v-bind

子组件接收:在子界面['goodsname']

我们可以将props等价看作是一个vue对象的data,只不过是用来接收父组件的值,并且接收的值不能修改

 父组件给子 子再给子,同样的方法

:父组件请求数据,得到数组,然后把数组的信息绑定,之后子组件用props获得;
 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值