Powered by md-Blog  文 - 篇  访客 -

  • v-if和v-show的区别

    总结v-if 的初始化较快,但切换代价高,如果不是经常变更,用v-ifv-show 初始化慢,全部渲染,用 display 切换是否隐藏,但切换成本低手段v-if 是动态的向 DOM树 内添加或者删除 DOM元素;v-show 是通过设置 DOM元素 的 display 样式属性控制显隐;编译过程v-if 切换有一个局部编译/卸载的过程,切换过程中合适地销毁和重建内

    2020-03-30 11:42:15   2020-03-30 11:42:15
    分类:Vue / 浏览:015855397358754
  • Vue.js的生命周期图示

    <!DOCTYPE html> <html> <head> <div id='div1' v-bind:title="div_title"> {{hello_message}} </div> </head> <body> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script> var v1 = new Vue({ el: "#div1", data: { hello_message: "Hello,

    2020-03-30 10:54:31   2020-03-30 10:50:34
    分类:Vue / 浏览:015855366343588
  • Vue.js的优点

    1、体积小压缩后 33k2、更高的运行效率基于预操作的虚拟DOM3、响应式编程双向数据绑定这里的响应式不是 @media 媒体查询中的响应式布局,而是指 vue.js 会自动对页面中某些数据的变化做出响应。这也就是 vue.js 最大的优点,通过MVVM思想实现数据的双向绑定,让开发者不用再操作dom对象,有更多的时间去思考业务逻辑

    2020-03-30 09:54:44   2020-03-30 09:54:44
    分类:Vue / 浏览:015855332844656
  • Vue-CLI的安装及使用

    官方:https://cli.vuejs.org/zh/guide/installation.html安装关于旧版本Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。npm install -g @vue/cli # OR yarn global add @vue/cli版本查看vue --version创建文件vue create hello-worldCLI服务package.json{

    2020-03-29 20:31:09   2020-03-29 20:31:09
    分类:Vue / 浏览:015854850696971
  • Airbnb JavaScript Style Guide中文版

    Airbnb JavaScript Style Guide() {用更合理的方式写 JavaScript目录类型对象数组字符串函数属性变量提升比较运算符 & 等号块注释空白逗号分号类型转化命名规则存取器构造函数事件模块jQueryECMAScript 5 兼容性测试性能资源谁在使用JavaScript 风格指南说明与我们讨论 JavaScript贡献者许可类型原始值: 存取直接作用于它自身。stringnum

    2020-03-29 19:12:09   2020-03-29 19:07:55
    分类:大前端 / 浏览:015854800751891
  • 《过年,爸不在家。》

    自己上高中写的一篇作文,偶然找到实属不易,贴出来分享给大家。又是春节,家中却和平日冷冷清清,母亲在厨房做着年夜饭,我问她爸回来了吗?她说还没了,不过快了。刚放下书包,就听见有人叩门,妈说快看看去,眼飘到门上,手里还是放不下正做的鱼。我忙迎上去,……“是百顺叔呀,我爸回来了么?”“

    2020-03-27 16:02:55   2020-03-27 15:46:31
    分类:大语文 / 浏览:015852951918439
  • 【echarts】for SoEasy-Webpack4.0-Templete

    基于【点击了解】SoEasy-Webpack4.0-Templete。如果您该模板对您有所帮助,请别忘了点个 Star,谢谢!默认使用 yarn 构建,当然您也可以选择 npm、cnpm。安装echarts 的安装yarn add echarts使用main.jsimport echarts from 'echarts'; document.getElementById("app").innerHTML = ` <br> <div id="main" style="width: 80%;height:400px;margin:10px au

    2020-03-27 15:17:49   2020-03-27 15:17:49
    分类:Webpack / 浏览:015852934696053
  • 【vue】vue-loader 及单文件组件开发实例

    参考地址:https://vue-loader.vuejs.org/zh/说明vue-loader 用于处理 Vue 的组件。vue-template-compiler 用于处理组件中 <template> 块为字符串。安装yarn add vueyarn add vue-loader vue-template-compiler -D单文件组件开发实例index.html<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport&qu

    2020-03-26 11:06:15   2020-03-18 15:52:28
    分类:Webpack / 浏览:015845179484158
  • 春明


     
    百度站内搜索


  • 晋ICP备18012953号-1
  • 百度统计