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获得；