作者注:第一次更新关于vue的内容,想从学习者的角度出发来聊一下vue2.x的学习历程,vue这种框架现在也比较流行,也是前端开发必备技能之一
一.Vue.js的安装方式
1.CDN引入
2.<script>标签引入
3.npm下载,即npm install vue@2.6.14 -g
学习vue,建议了解一下npm常用命令
-g -S -s等自行了解
二.vue中的mvvm模型
m:model 可以指js对象
v: view 视图
vm:view-model vue实例
可以理解为,js数据对象通过vue绑定到view上在渲染到dom,view上触发了事件,通过vue的事件监听来改变js数据对象
三.vue实例中的部分参数
new Vue({
el: '#app'//你要挂载到哪个元素上,写元素的id,
data:{} //数据对象,在组件中要写成data(){},原因是函数有自己的作用域,可以防止全局变量污染
methods:{} / /方法,写一些一般以动词取名的方法
computed:{}//计算属性,会产生缓存,除非要计算的数据发生改变,否则只计算一次,随处可复用
props:{}//主要用于父子组件的通信
})