webpack
2 分钟 读完 (大约 333 个字)

webpack-03-webpack与vue的结合

使用vue实例的render方法渲染组件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var vm = new Vue({
      el: '#app',
      data: {
        
      },
      methods: {
        
      },
      components: {
        
      },
      render: function (createElements) {
        return createElements(login)
      }
    })
阅读更多
webpack
6 分钟 读完 (大约 853 个字)

webpack-02-自动打包、插件、Babel等怎么搞

使用webpack-dev-server工具实现自动打包编译

  • 安装webpack-dev-server到本地依赖
1
npm i webpack-dev-server@2 -D

一定要注意版本问题，我亲测

webpack版本别太高，webpack-dev-server别比webpack还高

阅读更多
webpack
3 分钟 读完 (大约 477 个字)

webpack-01-基本配置

nrm ls

1
2
3
4
5
6
7
	npm -------- https://registry.npmjs.org/
  yarn ------- https://registry.yarnpkg.com/
  cnpm ------- http://r.cnpmjs.org/
* taobao ----- https://registry.npm.taobao.org/
  nj --------- https://registry.nodejitsu.com/
  npmMirror -- https://skimdb.npmjs.com/registry/
  edunpm ----- http://registry.enpmjs.org/
阅读更多
vuejs
4 分钟 读完 (大约 669 个字)

vue-06-vue路由

vue-router

引包vue-router.js

1
2
<script src="./lib/vue.js"></script>
<script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>
阅读更多
vuejs
3 分钟 读完 (大约 486 个字)

vue-05-vue组件

vue组件

啥是组件？为了拆分vue实例的代码量，能够让我们以不同的组件，来划分不同的功能模块，将来需要什么样的功能，就去调用对应的组件 。

组件化和模块化的不同：

  • 模块化：按照代码逻辑来划分成不同的模块，方便代码分层开发，保证每个模块功能的单一。
  • 组件化：按照UI界面进行划分，方便UI组件的重用。
阅读更多
vuejs
2 分钟 读完 (大约 257 个字)

vue-04-vue动画

vue动画

使用过渡类名实现动画

  • v-enter
  • v-enter-active
  • v-enter-to
  • v-leave
  • v-leave-active
  • v-leave-to

设置动画

阅读更多
vuejs
5 分钟 读完 (大约 807 个字)

vue-03-品牌案例及其延伸

品牌案例

  • 详见 code 文件夹

vue 调试工具vue-devtools插件的安装和使用

过滤器

  • Vue.js允许自定义过滤器，可被用作常见的文本格式化。过滤器用在两个地方：

阅读更多
vuejs
3 分钟 读完 (大约 453 个字)

vue-02-指令和属性

v-cloak 属性

解决插值表达式闪烁问题

  • 在标签中加入v-cloak属性

  • 设置v-cloak的样式

阅读更多
vuejs
1 分钟 读完 (大约 172 个字)

vue-01-vue介绍

Vue介绍

vue作者：尤雨溪

  • 09年 angular 13年 reactjs 14年 vue.js诞生
  • 核心概念：
    • angular
      • 模块化 （用来细分代码）
      • 双向数据绑定 （脏检测：一个数组（$watch））
    • vue
      • 组件化 （更细分）
      • 双向数据流 (是基于ES5中的 defineProperty 来实现)
阅读更多
关注我

链接

分类

标签云

JavaScript canvas es6 gulp h5 hello world hexo html nodejs vuejs vuex webpack 人生不仅有技术 基础知识 情商 教学 数据结构 有趣的东西 栈 正则表达式 礼仪

最新文章

归档

标签

JavaScript 5
canvas 2
es6 2
gulp 1
h5 2
hello world 1
hexo 1
html 2
nodejs 8
vuejs 7
vuex 1
webpack 3
人生不仅有技术 2
基础知识 9
情商 1
教学 1
数据结构 1
有趣的东西 1
栈 1
正则表达式 1
礼仪 1

最新文章

归档

标签

JavaScript 5
canvas 2
es6 2
gulp 1
h5 2
hello world 1
hexo 1
html 2
nodejs 8
vuejs 7
vuex 1
webpack 3
人生不仅有技术 2
基础知识 9
情商 1
教学 1
数据结构 1
有趣的东西 1
栈 1
正则表达式 1
礼仪 1
Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×

// tidio机器人助手