一 历史介绍
angular.js 09年,年份较早
react 2013年, ⽤户体验好,
vue 2014年, ⽤户体验好 作者:尤⾬溪 江苏⽆锡⼈ 国⼈骄傲
二 核心原理
DOM体验 + 发请求 + 模板引擎 + 路由功能
VUE-KFC的世界⾥,库就是⼀个⼩套餐, 框架就是全家桶
官网: https://cn.vuejs.org/
三 使用
1 . vue起步
1): 引包
2): 启动
new Vue({
el:’#app’,//⽬的地
data:{
保存数据的地方
},
methods:{
保存方法的地方
}
});
3): 插值表达式
{{ 表达式 }} 类似模版中的变量表达
对象 (不要连续3个{} ) {{{name:‘jack’}}}错误 {{ {name:‘jack’} }}正确
字符串 {{ ‘xxx’ }}
判断后的布尔值 {{ true }}
三元表达式 {{ true?‘是正确’:‘错误’ }}
ps: 要⽤插值表达式 必须要data中声明该属性
4.什么是指令
在vue中提供了⼀些对于页面 + 数据的更为方便的输出, 这些操作就叫做指令, 以v-xxx表示
例:
在vue中 以v-xxx开头的就叫做指令
指令中封装了⼀些DOM⾏为, 结合属性作为⼀个暗号, 暗号有对应的值,根据不同的值,框架会进⾏相关DOM操作的绑定