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