什么是vue
是一套用于构建用户界面的渐进式JavaScript框架,通过对数据的操作就可以完成对页面视图的渲染。
vue特点:上手简单、灵活的组件应用 、高效的数据绑定
vue的创建
const vue = new Vue({
el:"#app", // vue实现逻辑代码的作用域,挂载节点放在div中
data:{ // 存放变量(对象格式)
num:0
}
})
为什么组件的data必须是个函数?
在使用vue脚手架(vue cli)创建的vue项目中,将data属性定义成一个对象会报错:
警告的意思:返回的data应该是一个函数在每一个组件实例中
这是为什么?
我们可以思考一下,如果不是一个函数,在组件中会报错,并且每个组件实例的data都是同一个引用数据
,当该组件作为公共组件共享使用,一个地方的data更改,所有的data一起改变,如果data是一个函数,每个实例的data都在闭包中,就不会各自影响了。
vue常见的指令
详细请看vue常见的指令
vue的生命周期
详细请看vue的生命周期
vue组件化开发
详细请看vue组件化开发
vue的路由
详细请看vue的路由
vue自定义过滤器
详细请看vue自定义过滤器
更新中。。。。。