2019 年 12月 4 日随笔档案 - 雨夜稻草

摘要： 1、值为对象 :class = "{ 'text-red': isActive }" data () { return { isActive : true } } :class = "color" data () { return { color: { 'text-red': true } } } 阅读全文

posted @ 2019-12-04 21:16 雨夜稻草阅读(144) 评论(0) 推荐(0)

vue-cli

摘要：卸载：npm uninstall -g vue-cli 下载：npm install -g @vue/cli 阅读全文

posted @ 2019-12-04 21:14 雨夜稻草阅读(178) 评论(0) 推荐(0)

ESLint

摘要：待更新阅读全文

posted @ 2019-12-04 21:13 雨夜稻草阅读(312) 评论(0) 推荐(0)

vue-devtools

摘要：待更新阅读全文

posted @ 2019-12-04 21:12 雨夜稻草阅读(494) 评论(0) 推荐(0)

Scrat

摘要：前端工程化集成：Scrat UC团队在百度FIS基础上二次开发的模块化开发框架，可以与vue配合使用阅读全文

posted @ 2019-12-04 21:09 雨夜稻草阅读(379) 评论(0) 推荐(0)

BigPipe

摘要：待更新阅读全文

posted @ 2019-12-04 21:03 雨夜稻草阅读(98) 评论(0) 推荐(0)

BigRender

摘要：待更新阅读全文

posted @ 2019-12-04 21:02 雨夜稻草阅读(98) 评论(0) 推荐(0)

工程化

摘要：请求合并，资源压缩，CDN 阅读全文

posted @ 2019-12-04 20:59 雨夜稻草阅读(138) 评论(0) 推荐(0)

选择器

摘要：待更新阅读全文

posted @ 2019-12-04 20:57 雨夜稻草阅读(85) 评论(0) 推荐(0)

节点

摘要： 1、节点类型：nodeType 元素节点（nodeType == 1）属性节点（nodeType == 2 )文本节点（nodeType == 3 ) 。。。 2、节点值：nodeValue 3、节点名称：nodeName 4、操作节点 1）增： createTextNode creatElemen 阅读全文

posted @ 2019-12-04 20:57 雨夜稻草阅读(391) 评论(0) 推荐(0)

流式服务端渲染

摘要：待更新阅读全文

posted @ 2019-12-04 20:50 雨夜稻草阅读(648) 评论(0) 推荐(0)

路由 vue-router

摘要：路由器配置 import Router from 'vue-router' Vue.use(Router) new Router({ base: mode:'history' routes: [{ name:"", path:"", components: children: [ ] }] }) 1 阅读全文

posted @ 2019-12-04 20:48 雨夜稻草阅读(448) 评论(0) 推荐(0)

$on-vue

摘要：待更新阅读全文

posted @ 2019-12-04 20:37 雨夜稻草阅读(204) 评论(0) 推荐(0)

$once-vue

摘要：待更新阅读全文

posted @ 2019-12-04 20:37 雨夜稻草阅读(454) 评论(0) 推荐(0)

$off-vue

摘要：待更新阅读全文

posted @ 2019-12-04 20:37 雨夜稻草阅读(364) 评论(0) 推荐(0)

vue-loader

摘要：待更新阅读全文

posted @ 2019-12-04 20:34 雨夜稻草阅读(346) 评论(0) 推荐(0)

Rollup

摘要：待更新阅读全文

posted @ 2019-12-04 20:34 雨夜稻草阅读(149) 评论(0) 推荐(0)

Gulp

摘要：待更新阅读全文

posted @ 2019-12-04 20:32 雨夜稻草阅读(138) 评论(0) 推荐(0)

PostCss

摘要：待更新阅读全文

posted @ 2019-12-04 20:32 雨夜稻草阅读(140) 评论(0) 推荐(0)

CommonJs

摘要： node的模块加载规范阅读全文

posted @ 2019-12-04 20:30 雨夜稻草阅读(118) 评论(0) 推荐(0)

Broswerify

摘要：待更新阅读全文

posted @ 2019-12-04 20:26 雨夜稻草阅读(190) 评论(0) 推荐(0)

$emit-vue

摘要：待更新阅读全文

posted @ 2019-12-04 20:14 雨夜稻草阅读(159) 评论(0) 推荐(0)

模块打包 webpack

摘要： 1、模块打包工具 2、工作方式： 1）将存在依赖关系的模块按照特定规则合并为单个JS文件，一次全部加载进页面中 2）在页面初始时加载一个入口模块，其他模块异步的进行加载 3、优势： 1）支持AMD，CommonJS，es6 2）支持分割代码打包 3）支持样式，模板，图片，js文件资源阅读全文

posted @ 2019-12-04 20:10 雨夜稻草阅读(177) 评论(0) 推荐(0)

指令-vue

摘要：全局： Vue.directive('focus', { // 当绑定元素插入到 DOM 中。 inserted: function (el) { }}) 局部： export default { directives: { drag : { inserted : function (el) { e 阅读全文

posted @ 2019-12-04 20:06 雨夜稻草阅读(181) 评论(0) 推荐(0)

jquery-tmpl

摘要：待更新阅读全文

posted @ 2019-12-04 20:04 雨夜稻草阅读(115) 评论(0) 推荐(0)

watchers

摘要：待更新阅读全文

posted @ 2019-12-04 20:01 雨夜稻草阅读(118) 评论(0) 推荐(0)

Observer

摘要：待更新阅读全文

posted @ 2019-12-04 20:01 雨夜稻草阅读(98) 评论(0) 推荐(0)

计算属性

摘要： 1、执行条件：只有vue实例中被观察的数据属性发生变化时才会执行getter 2、存在缓存：没有被观察的数据会由于缓存原因而没有实时变化，例如：Date().now()，通过设置属性cache设置是否开启缓存 3、存在getter， setter computed: { didFamily: { c 阅读全文

posted @ 2019-12-04 20:00 雨夜稻草阅读(131) 评论(0) 推荐(0)

Jsonp

摘要：待更新阅读全文

posted @ 2019-12-04 19:48 雨夜稻草阅读(74) 评论(0) 推荐(0)

跨域

摘要：待更新阅读全文

posted @ 2019-12-04 19:45 雨夜稻草阅读(91) 评论(0) 推荐(0)

axios

摘要： axios.get('/user?ID=12345').then(function (res) { console.log(res); }) .catch(function (error) { console.log(error); }); 阅读全文

posted @ 2019-12-04 19:14 雨夜稻草阅读(79) 评论(0) 推荐(0)

XmlHttpRequest

摘要：待更新阅读全文

posted @ 2019-12-04 19:12 雨夜稻草阅读(60) 评论(0) 推荐(0)

vue-resource

摘要：《vue实践揭秘》p219 阅读全文

posted @ 2019-12-04 19:11 雨夜稻草阅读(84) 评论(0) 推荐(0)

Ajax请求

摘要： 1、操作 XmlHttpRequest 对象 2、阅读全文

posted @ 2019-12-04 19:10 雨夜稻草阅读(86) 评论(0) 推荐(0)

多组件共享-vuex

摘要： 1、解决多个组件共享同一状态数据问题1）多个视图共享同一状态2）来自不同视图的触发事件需要变更同一状态文档API：https://vuex.vuejs.org/zh/api/ 2、组件与store连接桥梁new Vue({ el: '#app', router, components: { App 阅读全文

posted @ 2019-12-04 11:31 雨夜稻草阅读(439) 评论(0) 推荐(0)

在子组件中触发事件，传值给父组件-vue

摘要： 1、通过$emit触发事件在子组件<x-test>中触发事件： <button @click="toSearchProduct()">搜索</button> export default { methods: { show: function () { console.log(this.name) 阅读全文

posted @ 2019-12-04 11:19 雨夜稻草阅读(3644) 评论(0) 推荐(0)

在父组件中，直接获取子组件数据-vue

摘要： 1、通过 $ref 获取主父组件中： <x-test ref="ch"></x-test> import XTest from '@/components/x-test/x-test' export default { mounted() { console.log(this.$refs.ch.s 阅读全文

posted @ 2019-12-04 11:17 雨夜稻草阅读(2445) 评论(0) 推荐(0)

非父子组件通过事件传值-vue

摘要： 1、创建中央事件总线：额外的 new Vue()2、$emit 触发事件3、$on 监听事件在使用组件的文件中： <template> <div> <x-test :bus="bus"></x-test> <x-right :bus="bus"></x-right> </div> </templa 阅读全文

posted @ 2019-12-04 11:10 雨夜稻草阅读(349) 评论(0) 推荐(0)

在父组件中，传值给子组件-vue

摘要： 1、通过 props <x-test :name="username"></x-test>1）props为字符串数组 props: ['name']2）props为对象，可配置type,default(Number类型),required(String类型),validator验证props:{ n 阅读全文

posted @ 2019-12-04 11:06 雨夜稻草阅读(119) 评论(0) 推荐(0)

MVVM

摘要：待更新阅读全文

posted @ 2019-12-04 11:00 雨夜稻草阅读(81) 评论(0) 推荐(0)

Virtual DOM-渲染函数render -vue

摘要： 1、Virtual DOM： 1）构建一个浏览器DOM的拷贝树，包含DOM树的所有拷贝节点VNode，通过创建VNode更新到真实DOM 2）VNode创建： createElement(tag,{ },[ ]) // tag：元素标签名，{ }：元素属性集合，[ ]：子元素列表或 createE 阅读全文

posted @ 2019-12-04 10:59 雨夜稻草阅读(304) 评论(0) 推荐(0)

树形结构

摘要：大大阅读全文

posted @ 2019-12-04 10:54 雨夜稻草阅读(96) 评论(0) 推荐(0)

图片

摘要：阿斯达阅读全文

posted @ 2019-12-04 10:50 雨夜稻草阅读(77) 评论(0) 推荐(0)

摘要：阿萨阅读全文

posted @ 2019-12-04 10:45 雨夜稻草阅读(77) 评论(0) 推荐(0)

JSON

摘要： 1、JSON在网络中传输时是字符串形式，在js解析后是Object对象阅读全文

posted @ 2019-12-04 10:44 雨夜稻草阅读(80) 评论(0) 推荐(0)

操作数组

摘要：哈哈哈哈哈阅读全文

posted @ 2019-12-04 10:07 雨夜稻草阅读(99) 评论(0) 推荐(0)

公告