沈阳建设电商网站,广西旅游网站建设,昆山高端网站建设机构,网易云音乐wordpress插件单文件组件MVVM 所谓组件化开发#xff0c;就是创建一个个组件。 Vue是一个大类#xff0c;渲染一切从new Vue开始。 指定视图#xff1a;el template render:jsx语法 $mount[数学公式] 编译App.vue#xff0c;作为视图入口 单个组件#xff1a;结构 样式 data compu… 单文件组件MVVM 所谓组件化开发就是创建一个个组件。 Vue是一个大类渲染一切从new Vue开始。 指定视图el template render:jsx语法 $mount[数学公式] 编译App.vue作为视图入口 单个组件结构 样式 data computed理解为一个界面一个视图 每个组件都有自己单独的视图单独的样式单独的程序。 template每个组件的视图。胡子语法和指令构建视图 相当于是new Vue的时候各种optionsAPI那每个单文件自己会去做new Vue。 name组件名称 data(){} new Vue - initData 样式 保证最外层样式名的唯一性 业务组件通用组件 函数组件类组件 vue2中的组件划分 全局局部 全局main.js入口处注册Vue.component 类组件函数组件 进来一次渲染成什么就是什么样 创建单文件.vue组件 》局部类组件每次调用创建Vue类的实例。 指定视图容器 比传统的直接操作dom简单高效一些 new Vue $data私有属性 _selfVue内部用的当你研究原理时会涉及到。平常使用可以忽略掉。 el:挂载容器domtemplate视图模板- $mountjsx[数学公式] 构建视图有2步 构建一个视图new Vue包含结构 样式 动态绑定的数据指定挂载容器放在页面中指定容器中渲染 el-template 有template就按照template来编译渲染没有就按照el或$mount指定的容器模板来构建视图el $mount指定了模板的挂载点指定渲染的位置 最常用的$mount MVVM 两条线 特点放弃操作dom元素 文本框中输入内容用户自己输入内容视图里的内容变了 viewModel就是vue内部实现的 有两条线 如何构建数据即data computed 如何构建视图即template new Vue clickchange() 并不是把change执行然后把返回结果赋给click vue-template的语法 框架诞生都是为了提高开发效率 更简单 性能会更好 计算属性依赖某些状态值计算某些新值 函数执行的结果赋给sub这个属性 各种optionsApidata computed如何构建数据如何修改数据 template胡子语法各种各样指令如何构建视图视图编译机制和原理 放弃操作dom直接操作数据 构建视图构建数据 思想上
