关于Vuejs渐进式框架的详细解析

  Vue.js是一个渐进式框架,只需要具备基本的HTML/CSS/Java基础就可以快速上手。在用Vue.js构建大型应用时推荐使用NPM安装,但是需要注意npm的版本需要大于3.0。

  (4) src:这个目录当中的内容包含了我们基本上要做的事情,这里包含了几个文件:

  (三)App.vue:项目入口文件,组件也可以直接写在这里不适用components

  程序=数据结构+算法,但这话在前端里并不纯粹,因为前端需要和界面打交道,所以大概总结下基础操作dom的前端开发方式:前端程序=拼界面+操作ui+算法。Vue的mvvm框架给了前端另一种思路:完全基于数据驱动的编程。帮助你从繁杂的dom操作中解脱出来,回归本质。

  在创建Vue实例的时候,需要传入选项对象,可以包含挂载元素、数据等。Vue.js有很多数据绑定语法,最基础的的是文本插值,在运行时{{ message }}会被数据对象的message属性替换。

  Vue实例被创建前会经过初始化,然后在数据变化时更新DOM,在这个期间也会调用一些生命周期钩子,从而我们可以自定义逻辑。总共可以分为8个段:

  (1) beforeCreate 初始化实例后 数据观测和事件配置之前调用

  需要注意的是created和mounted的区别,created是实例已经创建但未挂载,所以一些dom操作要放在mounted中。

  Vue组件的API来自props(允许外部环境传递数据给组件)、events(允许组件触发外部环境副作用)和slots(允许外部环境将额外的内容组合在组件中)三个部分,组件的data属性必须是函数。尽管有props和events,但有时候需要js直接访问子组件,所以可以使用ref为子组件指定一个索引ID。

  Vue.js的插件应当有一个公开方法install。该方法的第一个参数是Vue构造器 , 第二个参数是一个可选的选项对象。

相关阅读