vue基础知识
vue于jquery的区别
jquery主要时操作dom
vue主要是操作数据是-个渐进式前端框架,vue中渲染dom用到了diff算 法,渲染dom要比原 生js快vue参数
Vue是一个构造函数, 需要传入options
挂载根元素
template
模板字符串,有template直接渲染这里的内容,如果没有就找el元素中的内容进行渲染和挂载data
为了各个实例直接互不影响,data需要是 一个函数,返回一个对象
computed
监听多个数据,默认只有getter
watch
监听单个数据,watch监听单个属性, 基本数据类型简单监视复杂数据类型深度监听deeptrue
生命周期钩子
beforeCreate
组件创建之前,可以添加页面加载loading
created
组件创建之后,使用该组件,就会调用created方法,可以操作后端的数据,数据响应视图应用发送ajax请求
beforeMount
挂载数据到DOM之前会调用
mounted
挂载数据到DOM之后会调用,Vue作用之后的DOMbeforeUpdated
在更新dom之前调用此钩子函数应用获取原始dom
updated
在更新dom之后调用,应用 可以获取最新的dombeforeDestory
jquery主要时操作dom
vue主要是操作数据是-个渐进式前端框架,vue中渲染dom用到了diff算 法,渲染dom要比原 生js快vue参数
Vue是一个构造函数, 需要传入options
挂载根元素
template
模板字符串,有template直接渲染这里的内容,如果没有就找el元素中的内容进行渲染和挂载data
为了各个实例直接互不影响,data需要是 一个函数,返回一个对象
computed
监听多个数据,默认只有getter
watch
监听单个数据,watch监听单个属性, 基本数据类型简单监视复杂数据类型深度监听deeptrue
生命周期钩子
beforeCreate
组件创建之前,可以添加页面加载loading
created
组件创建之后,使用该组件,就会调用created方法,可以操作后端的数据,数据响应视图应用发送ajax请求
beforeMount
挂载数据到DOM之前会调用
mounted
挂载数据到DOM之后会调用,Vue作用之后的DOMbeforeUpdated
在更新dom之前调用此钩子函数应用获取原始dom
updated
在更新dom之后调用,应用 可以获取最新的dombeforeDestory