day031,生命周期钩子(回调函数)给了我们介入vue的工作流的机会。生命周期的执行顺序是固定的。在初始化数据之前,您无法在打印之前看到数据。加载前的初始页面不显示初始页面的元素。加载后,初始页面显示初始页面的元素。可以看到更新前的页面。更新前的实例数据是正确的。页面渲染数据错误。页面更新后,实例数据正确。正确页面呈现的数据是正确的。在实例被销毁之前,定时器在实例被销毁之前被内部清除。调用vm.$destroy()后,会执行beforeDestory和destroy,beforeDestory会做收尾工作:清除定时器等。2.转场和动画的实现。参考官方网站。类名会自动添加到需要的元素中,即transition标签内部元素3、vue的内置指令v-textv-htmlv-on//绑定事件的缩写@v-bind//一个-waydatabinding:v-for//列表渲染v-if//条件渲染v-elsev-show//条件渲染v-modelref//添加对特定元素的引用,可以在$refs里面获取4.自定义过滤器(参考官网)显示数据时,对数据进行处理(格式化后显示,不影响原始数据)使用moment插件定义一个全局过滤器Vue.filter('filtername',callbackfunction);定义本地过滤器在vm中的fliters对象中配置5。自定义指令(类似于定义过滤器,参考官网)定义全局指令Vue.directive('filtername',callbackfunction);在vm中的directives对象中的Configuration中定义局部指令注意:指令的名称必须是必须全小写,不能大写6.自定义插件(参考官网)插件的作用:定义插件对象,为Vue和Vue实例添加一些额外的功能。插件对象必须声明使用Vue.use()7、自定义组件(非单文件组件)定义全局组件:方法复杂:1、定义组件,本质是通过Vue定义一个组件功能。为组件定义一个组件名(组件标签名)Vue.component('标签名',组件函数)3.使用组件,组件标签名在解析时会自动对应每个组件函数实例,每个实例服务于一个组件tag简化方法:简化方法:Vue.component('tagname',optionconfigurationobject)为什么组件中的data选项一定要是函数而不是对象?定义本地组件:缺点:这种方式定义组件比较麻烦,模板没有提示样式无法单独完成,无法使用模块化解析ES6语法8。单文件组件(把上面的父子组件改成单文件组件)1、首先在你的项目中创建一个components文件夹,用来放置我们后面定义的组件(配置对象)2、你写代码的地方,一般我们需要创建一个App.vue文件,用来组装我们定义的组件,App的本质也是一个组件3.最后vm实例只需要注册App组件,然后渲染即可。.vue文件包含组件的结构样式和行为。其实本质就是我们的配置对象(文件)的配置对象(文件)高亮清晰,但是需要模块化,需要构建。9.脚手架安装及目录结构10.组件模板解析。vue渲染有两种方式:1.render:h=>h(App)2.Components注册组件,模板解析,但是vueimport需要导入带parser的版本
