2018年9月2日
[Vue]组件——组件的data 必须是一个函数
摘要： 普通的Vue实例data是一个对象： 组件的data是一个方法： 详情见官网：https://cn.vuejs.org/v2/guide/components.html 阅读全文
posted @ 2018-09-02 18:12 vickylinj 阅读(207) 评论(0) 推荐(0) 编辑
[Vue]Scoped Css与Css Modules的区别
摘要： 均为解决CSS全局作用域问题（样式冲突（污染））的一个解决方案。 1.Scoped CSS 当 <style> 标签有 scoped 属性时，相当于在元素中添加了一个唯一属性用来区分。 它通过使用 PostCSS 来实现以下转换，转换结果： 2.CSS Modules 通过给样式名加hash字符串后 阅读全文
posted @ 2018-09-02 12:33 vickylinj 阅读(1353) 评论(0) 推荐(0) 编辑
2018年8月31日
[Vue]createElement参数
摘要： {String | Object | Function} 一个 HTML 标签字符串，组件选项对象，或者 解析上述任何一种的一个 async 异步函数，必要参数。 {Object} 一个包含模板相关属性的数据对象 这样，您可以在 template 中使用这些属性。可选参数。 {String | Ar 阅读全文
posted @ 2018-08-31 16:21 vickylinj 阅读(13467) 评论(0) 推荐(0) 编辑
2018年8月28日
[Vue]webpack的require与require.context
摘要： 1.require 1.1完整路径的require语句： 1.2带表达式的 require 语句：自动创建一个上下文(context) 如果你的 require参数含有表达式(expressions)，会自动创建一个上下文(context)，因为在编译时(compile time)并不清楚具体是哪一 阅读全文
posted @ 2018-08-28 17:51 vickylinj 阅读(1765) 评论(0) 推荐(0) 编辑
[Vue]Vue语法糖v-bind、v-on
摘要： 语法糖 ：是指在不影响功能的情况下，添加某种方法实现同样的效果，从而方便程序开发，简化代码是书写。 Vue.js的v-bind和v-on指令都提供了语法糖，也可以说是缩写。 1.v-bind可以省略，直接写一个冒号“:”： 阅读全文
posted @ 2018-08-28 17:18 vickylinj 阅读(4128) 评论(0) 推荐(0) 编辑
2018年8月26日
[Vue]Vue实例的选项props传递数据props为驼峰式命名
摘要： 在vue的中文官网有这样的说明： HTML 中的特性名是大小写不敏感的，所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时，camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名) 命名。 如果你使用字符串模板，那么这 阅读全文
posted @ 2018-08-26 20:34 vickylinj 阅读(1358) 评论(0) 推荐(0) 编辑
[Vue]使用axios实现ajax请求
摘要： 1.定义myAjax export const myAjax=function createHttpClient(ajaxConfig) { let httpClient = null; if (ajaxConfig) { httpClient = axios.create(ajaxConfig); 阅读全文
posted @ 2018-08-26 17:57 vickylinj 阅读(264) 评论(0) 推荐(0) 编辑
[Vue]实例化Vue时的两种挂载方式el与$mount
摘要： Vue 的$mount()为手动挂载，在项目中可用于延时挂载（例如在挂载之前要进行一些其他操作、判断等），之后要手动挂载上。new Vue时，el和$mount并没有本质上的不同。 1.el Vue实例： 模板： 2.$mount Vue实例： 模板： 阅读全文
posted @ 2018-08-26 16:31 vickylinj 阅读(7964) 评论(0) 推荐(0) 编辑
[Vue]使用 vue-i18n 实现国际化
摘要： 1、引入 vue-i18n import Vue from 'vue' import VueI18n from 'vue-i18n' import merge from 'lodash/merge' 2.准备本地的文言信息 const messages = { zh: { message: { he 阅读全文
posted @ 2018-08-26 16:21 vickylinj 阅读(2985) 评论(0) 推荐(0) 编辑
2018年8月23日
[ES6]import 与export的用法 ，export 与export default 的 区别 以及用法
摘要： 一、import 与export export（导出）：用于对外输出本模块（一个文件可以理解为一个模块）变量的接口； import（导入）：用于在一个模块中加载另一个含有export接口的模块。 1.一个a.js文件有如下代码： a.导出单个变量： b.导出多个变量： c.导出函数： 2.在其它文件 阅读全文
posted @ 2018-08-23 12:13 vickylinj 阅读(381) 评论(0) 推荐(0) 编辑