VUE
一.vue导读
1.1 vue的优点:结合其他框架点,轻量级,中文API,数据驱动,双向绑定,MVVM设计模式,组件化开发,单页面应用
1.2 vue环境的导入:
本地导入
CDN导入
"zh"> "UTF-8">Title "app">
1.3 挂载点
01 vue 的导入.html
"zh"> "UTF-8">Title "app"> 1234 {{123}} abcclass="xxx"> 789 {{666}} abcd
挂载点的导入遇到的问题
如 {{}} 中间不为空时说明不是空值 会将标签愿意展示 想要进行挂载点 必须时 {{ 空格 }} 》》》 说明取到的是空值
"zh"> "UTF-8">vue模板的导入 "app">
二.实列成员-挂载点
插值表达式取值
"zh"> "UTF-8">vue模板的导入 "pp">{{num}}
{{info}}
{{dic}}
{{list1}}
{{result}}
三.实列成员-数据
"zh"> "UTF-8">vue模板的导入 "pp">{{num}}
{{info}}
{{dic}}
{{list1}}
{{result}}
// 总结：
// 1) 用实例成员data为vue环境提供数据，数据采用字典{}形式
// 2) 在插值表达式{{}}中，直接书写数据的key来访问数据
// 3) 在外部通过接受实例的变量p，访问实例成员(实例成员都用$开头)，间接访问到数据
// p.$data.info
// 4) 在外部也可以通过实例变量app直接访问数据 // p.info
四.实列成员-过滤器
"zh"> "UTF-8">vue模板的导入 "app">{{num+108.99}}
{{msg.split('')[2] }
{{num|f1}}